vue3中如何返回上一页
时间: 2024-02-22 14:58:07 浏览: 430
vue keep-alive列表页缓存 详情页返回上一页不刷新,定位到之前位置
在 Vue 3 中,可以使用 `router.go(-1)` 方法返回上一页。这个方法会在浏览器的历史记录中后退一步,相当于点击浏览器的返回按钮。
在组件中,可以通过 `$router` 对象访问路由实例,从而调用 `go` 方法。例如,在一个按钮的点击事件中,可以添加以下代码来返回上一页:
```
<template>
<button @click="goBack">返回</button>
</template>
<script>
export default {
methods: {
goBack() {
this.$router.go(-1);
}
}
};
</script>
```
这样,当用户点击按钮时,就会返回上一页。
阅读全文