vue-router中传参的正确姿势

传参方式

在vue-router中，页面跳转可以通过路由的名字或者路径两种方式，参数值可以直接使用字符串或者对象。

// 字符串
router.push('home')
// 对象
router.push({ path: 'home' })
// 命名的路由
router.push({ name: 'user', params: { userId: '123' }})
// 带查询参数，变成 /register?plan=private
router.push({ path: 'register', query: { plan: 'private' }})

以上，摘自官网
需要注意两点：

• 当使用path的时候，params不生效，也就是path一定要使用query或者自己拼接参数。
• name+params的方式，在页面刷新之后，会导致参数丢失。

所以，建议尽量为你的路由加上一个name，在实际跳转中，使用name+params 或者 name + query的方式来实现。