vue3实现点击跳回到上次进来的页面并携带参数
时间: 2024-04-16 14:27:48 浏览: 436
你可以使用`$router.go(-1)`方法来实现点击跳回到上次进来的页面,并携带参数的话,可以使用`query`或者`params`来传递参数。
首先,在你要跳转的页面中,使用`$router.push`方法跳转到目标页面,并在`query`或者`params`中传递参数。例如:
```javascript
// 在当前页面跳转到目标页面,并携带参数
this.$router.push({
path: '/target',
query: {
param1: 'value1',
param2: 'value2'
}
})
```
然后,在目标页面中,通过`$route.query`或者`$route.params`来获取传递过来的参数。例如:
```javascript
// 在目标页面获取参数
console.log(this.$route.query.param1) // 输出 'value1'
console.log(this.$route.query.param2) // 输出 'value2'
```
最后,在目标页面中,通过`$router.go(-1)`方法实现点击返回到上次进来的页面。例如:
```javascript
// 点击返回到上次进来的页面
goBack() {
this.$router.go(-1)
}
```
当你在目标页面中调用`goBack()`方法时,就会返回到上次进来的页面,并且之前传递的参数也会保留。
阅读全文
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20241231044930.png)
![pdf](https://img-home.csdnimg.cn/images/20241231044930.png)
![pdf](https://img-home.csdnimg.cn/images/20241231044930.png)
![pdf](https://img-home.csdnimg.cn/images/20241231044930.png)
![7z](https://img-home.csdnimg.cn/images/20241231044736.png)
![pdf](https://img-home.csdnimg.cn/images/20241231044930.png)
![pdf](https://img-home.csdnimg.cn/images/20241231044930.png)
![pdf](https://img-home.csdnimg.cn/images/20241231044930.png)
![pdf](https://img-home.csdnimg.cn/images/20241231044930.png)
![pdf](https://img-home.csdnimg.cn/images/20241231044930.png)
![pdf](https://img-home.csdnimg.cn/images/20241231044930.png)
![-](https://img-home.csdnimg.cn/images/20241231045053.png)
![-](https://img-home.csdnimg.cn/images/20241231045053.png)
![rar](https://img-home.csdnimg.cn/images/20241231044955.png)