vue 回退页面并带参数

在Vue中，可以通过使用`$router.push()`方法来实现页面的回退，同时还可以传递参数。

首先，在需要回退的组件中，使用`$router.push()`方法将目标页面的路由路径和参数传递给它。例如，如果目标页面的路由路径是`/detail`，并且需要传递一个名为`id`的参数，可以这样写：

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

接下来，在接收参数的目标页面的组件中，可以通过`this.$route.query`来获取传递过来的参数。例如，在`/detail`页面中可以这样获取`id`参数：

this.$route.query.id

需要注意的是，如果需要传递的参数较多或者需要保持某些状态，可以考虑使用`props`来传递参数。具体的做法是在路由配置中将`props`设置为`true`，然后在接收参数的页面的组件中，可以通过`props`来获取参数。例如：

// 路由配置
{
  path: '/detail',
  name: 'detail',
  component: Detail,
  props: true
}

// 接收参数的页面的组件
export default {
  props: ['id'],
  mounted() {
    console.log(this.id)
  }
}

在这种方式下，可以在目标页面的路由路径后直接添加参数，如`/detail/1`，然后通过`this.id`来获取传递过来的参数。

以上就是在Vue中回退页面并带参数的方法。希望对你有帮助！