美文网首页
关于VUE路由传参params和query的两种形式

关于VUE路由传参params和query的两种形式

作者: 丶灰太狼他叔 | 来源:发表于2018-10-16 00:05 被阅读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

    相关文章

      网友评论

          本文标题:关于VUE路由传参params和query的两种形式

          本文链接:https://www.haomeiwen.com/subject/lbqczftx.html