vue中this.$router.push传参方式_this.$router.push 传参

作者：2023面试高手 | 2024-03-22 04:04:28

踩

this.$router.push 传参

this.$router.push传参有两种方式：

1、query方式，相当于get请求，参数会在URL地址中显示


this.$router.push({ 
path: '/test/index',  //请求地址
query: { id: row.id,name:row.name }, //参数,多个用逗号分隔
})
 
//当然直接在地址后拼接也是可以的
this.$router.push('test?id=' + row.id +'&name='+row.name);

2、params方式，相当于post请求


this.$router.push({ 
name: '/test/index',  //请求地址
params: { id: row.id,name:row.name }, //参数,多个用逗号分隔
})

获取参数使用 this.$route.query.id 或者 this.$route.params.id

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