前端返回上一页并且刷新当页
时间: 2023-07-05 17:23:43 浏览: 38
可以使用以下代码实现前端返回上一页并且刷新当前页:
```javascript
window.location.href = document.referrer;
```
其中 `document.referrer` 表示获取当前页面的来源页面,即上一页的 URL。将该 URL 赋值给 `window.location.href`,即可实现返回上一页并刷新当前页的效果。
相关问题
前端返回上一页并且刷新
可以使用以下代码实现前端返回上一页并且刷新:
```javascript
window.history.go(-1);
location.reload();
```
其中 `window.history.go(-1)` 表示返回上一页,`location.reload()` 表示刷新当前页面。两者结合使用即可实现返回上一页并刷新的效果。
vue3 返回上一页为什么不刷新
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>
```