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 并 返回走这个路由呢?的主要内容,如果未能解决你的问题,请参考以下文章