this.$router.push传参_this.$router.push params

作者：IT小白 | 2024-03-22 04:08:09

踩

this.$router.push params

方法一：

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

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

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

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/IT小白/article/detail/285181