vue3携带参数路由跳转

在 Vue3 中，使用 `this.$router.push()` 或 `this.$router.go()` 方法进行路由跳转时，如果你想携带参数，可以直接在路径后面添加参数键值对，键用冒号 `:` 分隔，值用等号 `=` 表示。例如：

// 使用 push 方法
this.$router.push({
  path: '/users/:userId', // 路径包含参数 userId
  params: { userId: '123' } // 对应的参数值
})

// 使用 go 方法，传入一个整数作为跳转的索引位置
this.$router.go({
  name: 'yourRouteName', // 如果是基于命名路由跳转
  params: { userId: '456' }
})

在这里，`params` 是用于动态参数的对象，而如果路由路径已经定义为带有命名参数（例如 `/users/:userId`），那么你可以直接使用名称来传递参数。

如果你是在组件内部使用导航守卫 (`beforeRouteUpdate`、`beforeRouteEnter` 等)，可以获取到当前的路由参数：

// 在导航守卫中获取参数
const userId = this.$route.params.userId