vue 编程式导航

Posted 2022-01-08 samsara-yx

// 命名的路由(这里的name为路由中定义的name名称)
this.$router.push( name: ‘user‘, params:  userId: ‘123‘ )

// 带查询参数，变成 /register?plan=private
this.$router.push( path: ‘register‘, query:  plan: ‘private‘ )

/*注意：如果提供了 path，params 会被忽略，上述例子中的 query 并不属于这种情况。取而代之的是下面例子的做法，你需要提供路由的 name 或手写完整的带有参数的 path：*/

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