vue3 返回上一页为什么不刷新
时间: 2023-08-15 14:04:26 浏览: 323
vue keep-alive列表页缓存 详情页返回上一页不刷新,定位到之前位置
Vue3默认使用的是前端路由,返回上一页只是简单地切换页面,不会重新加载页面,因此页面不会刷新。如果您希望在返回上一页时刷新页面,可以尝试以下两种方法:
1.通过监听路由变化,在路由变化时手动刷新页面。
```
import { createRouter, createWebHistory } from 'vue-router';
const router = createRouter({
history: createWebHistory(),
routes: [...]
});
router.beforeEach((to, from, next) => {
if (from.name === null) {
window.location.reload();
} else {
next();
}
});
```
2.在页面组件中使用`<keep-alive>`标签,该标签可以缓存组件状态,当组件重新激活时会重新渲染组件。
```
<template>
<keep-alive>
<router-view></router-view>
</keep-alive>
</template>
```
阅读全文