router-link跳转传参

要在 Vue.js 中使用 router-link 进行跳转并传递参数，你可以通过在 to 属性中指定目标路由路径，并在该路径后面添加 query 参数或者 params 参数来传递数据。

如果你想要传递 query 参数，可以这样做：

<router-link :to="{ path: '/target', query: { id: 1, name: 'example' } }">跳转到目标</router-link>

在目标路由中，你可以通过 this.$route.query 来获取传递的参数：

this.$route.query.id  // 获取 id 参数
this.$route.query.name  // 获取 name 参数

如果你想要传递 params 参数，可以这样做：

<router-link :to="{ path: `/target/${id}` }">跳转到目标</router-link>

在目标路由中，你可以通过 this.$route.params 来获取传递的参数：

this.$route.params.id  // 获取 id 参数

记得在使用 params 参数进行跳转时，需要在定义路由规则时配置动态参数，例如：

{
  path: '/target/:id',
  component: TargetComponent
}

希望能帮到你！如果你还有其他问题，请继续提问。