vue2 路由跳转带参数

在 Vue.js 2 中，可以使用 `router-link` 组件进行路由跳转，并且可以通过 `to` 属性传递参数。

假设我们有一个名为 `User` 的组件，并且想要在跳转到该组件时传递一个名为 `userId` 的参数，可以按照以下步骤进行操作：

1. 在路由配置文件中，定义一个带参数的路由：

{
  path: '/user/:userId',
  name: 'User',
  component: User
}

2. 在需要进行路由跳转的地方，使用 `router-link` 组件，并通过 `to` 属性指定目标路由以及参数值：

<router-link :to="'/user/' + userId">跳转到用户页面</router-link>

在上述代码中，`userId` 是一个变量，可以根据实际情况进行赋值。

3. 在目标组件中，可以通过 `$route.params` 来获取传递的参数：

export default {
  mounted() {
    const userId = this.$route.params.userId;
    // 使用 userId 进行后续操作
  }
}

通过以上步骤，就可以实现带参数的路由跳转。注意，在 Vue Router 中，参数前面需要加上冒号(:)来表示是动态参数。