vue 多种带参跳转方式

在Vue中，有多种带参跳转的方式，以下是一些常用的方式：

1. 使用<router-link>标签进行跳转：

<router-link :to="{ path: '/user', query: { id: 1 }}">跳转到用户页面</router-link>

这种方式会将参数以query的形式传递，URL会变为/user?id=1。

2. 使用<router-link>标签配合name进行跳转：

<router-link :to="{ name: 'user', params: { id: 1 }}">跳转到用户页面</router-link>

这种方式会将参数以params的形式传递，URL会变为/user/1。需要在路由配置中定义对应的路由规则：

{
  path: '/user/:id',
  name: 'user',
  component: UserComponent
}

3. 使用$router.push()方法进行跳转：

this.$router.push({ path: '/user', query: { id: 1 }})

或者

this.$router.push({ name: 'user', params: { id: 1 }})

4. 使用$router.replace()方法进行跳转，用法和$router.push()相同。

5. 使用$router.go()方法进行跳转到指定的历史记录位置：

this.$router.go(-1) // 返回上一页

以上是一些常用的带参跳转方式，根据具体的需求选择合适的方式进行跳转