router.push中如果提供了 path，params 会被忽略

野生松

于 2020-07-10 20:29:07 发布

阅读量1.3k

点赞数

CC 4.0 BY-SA版权

分类专栏： Vue深入学习

本文链接：https://blog.youkuaiyun.com/qq_38211541/article/details/107266390

Vue深入学习专栏收录该内容

26 篇文章

订阅专栏

本文详细解析了在Vue.js中使用router.push进行导航时如何正确传递参数，包括使用name和path方式的区别，以及params和query参数的应用场景。

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

router.push中如果提供了 path，params 会被忽略。取而代之的是下面例子的做法，你需要提供路由的 name 或手写完整的带有参数的 path。

const userId = '123'
router.push({ name: 'user', params: { userId }}) // -> /user/123
router.push({ path: `/user/${userId}` }) // -> /user/123
// 这里的 params 不生效
router.push({ path: '/user', params: { userId }}) // -> /user

或者用query：

// 带查询参数，变成 /user?id=123
router.push({ path: 'user', query: { id: '123' }})