- 编程式导航
// 命名的路由 this.$router.push({ name: 'user', params: { userId: '123' }}) // 路径传参,带查询参数,变成 /register?plan=private this.$router.push({ path: 'register', query: { plan: 'private' }})
通过this.$route来获取当前页面的路由信息
如果使用完整路径和query传参,刷新页面时不会造成路由传参的参数丢失。
- router-link
<router-link :to="{ name: 'user', params: { userId: 123 }}">User</router-link>
router.push({ name: 'user', params: { userId: 123 }})
这两种方式都会把路由导航到 /user/123