this.$router.go(-1)返回上一页路由携带的参数会消失吗
时间: 2024-04-23 19:22:58 浏览: 212
和this.$router.back()` 方法类似,`this.$router.go(-1)` 方法返回上一页时,上一页的路由信息和参数也会保留,不会丢失路由参数。
如果你需要在返回上一页时传递参数,可以使用 `query` 或 `params` 参数进行传递。例如,如果你要传递一个名为 `id` 的参数,可以这样调用 `this.$router.go(-1, {query: {id: yourId}})` 或 `this.$router.go(-1, {params: {id: yourId}})`,这样返回上一页时,参数会被带回并可以在上一页的组件中进行处理。
相关问题
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` 传递参数。例如:
```javascript
// 在当前路由中跳转到下一页,并携带参数
this.$router.push({ path: '/next-page', query: { key: value } })
// 返回上一页,并携带参数
this.$router.go(-1, { query: { key: value } })
```
在被返回的页面中,你可以通过 `$route` 对象获取传递的参数。例如:
```javascript
// 获取 query 参数
const queryParam = this.$route.query.key
// 获取 params 参数
const paramsParam = this.$route.params.key
```
其中,`query` 适用于传递字符串类型的参数,而 `params` 适用于传递数字或字符类型的参数。
阅读全文
相关推荐
















