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

原创于 2023-04-01 16:08:53 发布 · 2.3k 阅读

CC 4.0 BY-SA版权

文章标签：

文章介绍了在Vue.js中使用this.$router.push进行参数传递的两种方式：query方式类似于GET请求，参数显示在URL；params方式类似POST请求，参数不显示。可以通过this.$route.query或this.$route.params来获取这些参数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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