码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2018-11-08 14:59:32      阅读:385      评论:0      收藏:0      [点我收藏+]

标签:fine   获取   一点   就会   route   too   按钮   component   alt   

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

省略
{
      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 并 返回走这个路由呢?

标签:fine   获取   一点   就会   route   too   按钮   component   alt   

原文地址:https://www.cnblogs.com/ZaraNet/p/9928989.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!