关于VUE路由传参params和query的两种形式
2018-10-16 本文已影响18人
丶灰太狼他叔
首先,this.$router.push({path:'/article',params:this.blogList[index]})
或者将params改为query即可进行路由跳转并传参。接收的形式为this.$route.params
。今天碰到的情况是params传参时,拿不到穿过来的值。下面总结一下两者的区别:
- query要用path来引入,接收参数都是this.$route.query.name。query类似于ajax中get传参,即在浏览器地址栏中显示参数。
- params要用name来引入,接收参数都是this.$route.params.name。params则类似于post,即在浏览器地址栏中不显示参数。
原因就是除了
path
还需要传一个路由的name
值