vue-$router跳转传参

方法1:
this.$router.push({name:'webSearch',query:{name:'老李'}})
image.png
获取参数:this.$route.query.name
方法2:
this.$router.push({path:'/webSearch',query:{name:'老李'}})
image.png
获取参数:this.$route.query.name
方法3:
this.$router.push({name:'webSearch',params:{name:'老李'}})
获取参数:this.$route.params.name
image.png

注2:name后的地址名称无需带/;path后的地址名称可带可不带/
注2:见图片,query传参参数在地址后面拼接可以看到,params的看不到

你可能感兴趣的:(前端vue.js)