1. 程式人生 > >vue.js add query 並 返回走這個路由呢?

vue.js add query 並 返回走這個路由呢?

true use add router 分享 objc mage 一點 tor

讓這個老實返回的頁面添加特殊路由,這個頁面常常都是登錄註冊。這次我們根據登錄舉例。

省略
{
      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 並 返回走這個路由呢?