vue 中 this.$router.push() 路由跳转传参及参数接收的方法_vue2 $router.push path传参和接受参数

作者：我家小花儿 | 2024-03-22 04:02:12

踩

vue2 $router.push path传参和接受参数

由于动态路由也是传递params的，所以在 this.$router.push() 方法中 path不能和params一起使用，否则params将无效。需要用name来指定页面。

及通过路由配置的name属性访问

在路由配置文件中定义参数：
在这里插入图片描述
通过name获取页面，传递params：

在目标页面通过this.$route.params获取参数：

页面通过path和query传递参数，该实例中row为某行表格数据
在这里插入图片描述
在目标页面通过this.$route.query获取参数：

this.$route.query.row.xxx
1

参考链接：https://www.cnblogs.com/crazycode2/p/7685424.html

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

vue 中 this.$router.push() 路由跳转传参 及 参数接收的方法_vue2 $router.push path传参和接受参数