vue3 router 返回上一页面携带参数

在 Vue3 中，如果你想在返回上一页面时携带参数，可以使用 `router.go(-1)` 方法返回上一个页面，并且在该方法中传递一个带参数的 URL，然后在上一个页面中通过 `route.params` 获取参数。

例如，在当前页面中使用以下代码返回上一个页面并携带参数：

router.go(-1, { param: 'value' })

然后在上一个页面中使用以下代码获取参数：

this.$route.params.param

注意，为了能够正确获取参数，你需要在路由配置中将参数设置为动态路由。例如：

{
  path: '/page/:param',
  name: 'page',
  component: PageComponent
}

这样，就可以通过 `this.$route.params.param` 获取到上一个页面传递的参数了。

相关问题

vue3 router.back() 携带参数

你可以使用 `router.go(-1)` 实现返回上一页，并且在路由跳转时通过 `query` 或 `params` 传递参数。例如：

// 在当前路由中跳转到下一页，并携带参数
this.$router.push({ path: '/next-page', query: { key: value } })

// 返回上一页，并携带参数
this.$router.go(-1, { query: { key: value } })

在被返回的页面中，你可以通过 `$route` 对象获取传递的参数。例如：

// 获取 query 参数
const queryParam = this.$route.query.key

// 获取 params 参数
const paramsParam = this.$route.params.key

其中，`query` 适用于传递字符串类型的参数，而 `params` 适用于传递数字或字符类型的参数。

vue3实现点击跳回到上次进来的页面并携带参数

你可以使用`$router.go(-1)`方法来实现点击跳回到上次进来的页面，并携带参数的话，可以使用`query`或者`params`来传递参数。

首先，在你要跳转的页面中，使用`$router.push`方法跳转到目标页面，并在`query`或者`params`中传递参数。例如：

// 在当前页面跳转到目标页面，并携带参数
this.$router.push({
  path: '/target',
  query: {
    param1: 'value1',
    param2: 'value2'
  }
})

然后，在目标页面中，通过`$route.query`或者`$route.params`来获取传递过来的参数。例如：

// 在目标页面获取参数
console.log(this.$route.query.param1) // 输出 'value1'
console.log(this.$route.query.param2) // 输出 'value2'

最后，在目标页面中，通过`$router.go(-1)`方法实现点击返回到上次进来的页面。例如：

// 点击返回到上次进来的页面
goBack() {
  this.$router.go(-1)
}

当你在目标页面中调用`goBack()`方法时，就会返回到上次进来的页面，并且之前传递的参数也会保留。