vue的router-link传参问题

  一般来说,可以通过查询字符串的方式将参数传过去,方法如下:

<router-link :to="{path:'/Detail', query:{ name: id }}"></router-link>

这里要非常注意一个问题,就是在to前面必需加冒号 : ,使其变成动态绑定属性的形式,后面的参数才能被正确解析,否则这堆东西将被视作一个字符串原封不动地传过去,这毫无意义。

  而在接收端,通过this.$route.query.name来获取这个id值。

  先搞这一种吧。

 

posted @ 2018-06-21 16:02  陌上兮月  阅读(1516)  评论(0编辑  收藏  举报