vue.js add query 并 返回走这个路由呢?

Posted ZaraNet

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue.js add query 并 返回走这个路由呢?相关的知识,希望对你有一定的参考价值。

让这个老实返回的页面添加特殊路由,这个页面常常都是登录注册。这次我们根据登录举例。

省略
{
      path:\'/login?url=:url\',
      name:\'loginfirst\',
      component:()=>import (\'../views/login.vue\')
    },
    {
      path:\'/login\',
      name:\'loginsecond\',
      component:()=>import (\'../views/login.vue\')
    }
省略

 我们在登录的按钮上这样搞。

获取这个页面的路由地址,只要一点这个按钮,url就会带上这个参数。

那怎么在这个登录页面获取url上的这个参数呢?Vue中有一个这样的对象query.我们可以通过devtool去观察一下这个对象

从而我们在登录的这个按钮中,通过query获取即可!

login(){
            this.$store.dispatch(\'LOGIN\',this.user).then(res=>{
                console.log(res);
                if (res){
                    if(this.$route.query.url!=null && this.$route.query.url!=undefined){
                        let returnurl = this.$route.query.url;
                        this.$router.push(returnurl);
                        return;
                    }else{
                        this.$router.push(\'/\');
                    }
                }
            })
        }

  

以上是关于vue.js add query 并 返回走这个路由呢?的主要内容,如果未能解决你的问题,请参考以下文章

深度优先搜索

vue js 组件中的 this.$route 只返回 undefined

走自己的java路 与别人拉开差距

DFS(深度优先搜索)

走迷宫问题总结

路还有走多久,才能看到希望