this.$router.push传参

本文探讨了Vue.js中两种常见的路由参数传递方法:一是使用name配合params,优点是刷新不丢失参数但地址可见;二是通过path和动态占位符,优点是参数隐藏但刷新后参数消失。对比其优缺点,帮助开发者选择合适的方案。
摘要由CSDN通过智能技术生成

方法一:

this.$router.push({ name: 'Shelfmanagedetails', params: { key: val }})

接收参数方式:

this.$route.params.key

缺点:新页面接收参数之后,如果刷新页面参数就会丢失

方法二:

this.$router.push({ path: 'shelfmanagedetails/' + val })

路由中:

path: 'shelfmanagedetails/:shelf_id?',
// 若:参数后面加?代表这个参数是可选的,即使不传参数也不会导致页面无法访问,不带?的话如果不传参数是不能访问页面的

接收参数方式:

this.$route.params.shelf_id

优点:接收参数后刷新页面不会丢失参数

缺点:参数值会一直显示在地址中

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值