vue.js add query 並 返回走這個路由呢?
阿新 • • 發佈:2018-11-08
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 並 返回走這個路由呢?