vue传参方式

1.name传参

name传参在配置路由时要给路由起name,然后通过$route.name进行接收参数

2.router-link to传参(推荐)

路由跳转router-link相当于传统a标签跳转页面,利用router-link传参时,应绑定(v-bind)to的值,其内容为一个对象,params内为要传递的参数,然后在接收参数页面通过$route.params.参数名进行接收

3.url传参

通过url传参的方式是在配置路由时在路径(path)后绑定参数要写/:参数名,注意:(路径中的括号是正则表达式,文中例子为newsId只能为数字,如果不是数字类型传参不成功)然后在app.vue中链接路径时传参

在接收参数页面通过$route.params.参数名进行接收

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值