vue的router-link传参问题

本文介绍了如何使用查询字符串的方式传递参数到路由中,并强调了在 Vue.js 中正确绑定属性的重要性。同时,也说明了如何在目标组件中获取这些参数。

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

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

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

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

  先搞这一种吧。

 

转载于:https://www.cnblogs.com/zhangnan35/p/9209522.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值