vue 路由跳转带参返回定位

在Vue中，我们可以使用路由传参来实现页面跳转并返回时的定位。具体步骤如下：

1. 声明路由配置：在Vue项目的路由配置文件（通常为`router.js`或`index.js`）中，声明需要带参数的路由。例如，我们需要传递一个`id`参数的详情页路由，可以这样配置：

{
  path: '/detail/:id',
  component: DetailPage
}

2. 跳转页面并传递参数：在需要跳转并传递参数的地方，使用`this.$router.push()`方法进行跳转。例如，从列表页跳转到详情页并传递参数`id=123`：

this.$router.push({ path: '/detail/123' });

3. 接收参数并定位：在详情页的组件中，可以通过`$route.params`或`this.$route.params`来接收传递的参数。例如，在详情页组件的`created`生命周期钩子函数中，可以通过`this.$route.params.id`来获取传递的`id`参数，并根据该参数进行相应的定位操作。

export default {
  created() {
    const id = this.$route.params.id;
    // 进行定位操作，例如滚动到指定位置
    // ...
  }
}

通过以上步骤，我们可以实现在Vue中进行路由跳转并带参后的定位操作。