vue-admin-template项目刷新回到指定页面的方法
要实现在刷新后回到指定页面,可以通过以下步骤进行操作:
1. 在需要回到的页面中,利用`localStorage`将该页面的路由信息存储下来。例如,在 `created` 钩子函数中添加如下代码:
```javascript
created() {
// 存储当前页面的路由信息
localStorage.setItem('lastVisitedPage', this.$route.path);
}
```
2. 在项目的根文件 `src/main.js` 中,添加路由导航的全局前置守卫。在该守卫中检查 `localS
torage` 中是否有存储的上一次访问的页面信息,如果有,则将路由重定向到该页面。代码示例如下:
```javascript
router.beforeEach((to, from, next) => {
const lastVisitedPage = Item('lastVisitedPage');
if (lastVisitedPage && lastVisitedPage !== '/login') {
// 重定向到上一次访问的页面
next({ path: lastVisitedPage });
} else {
next();
}
});
```
这样,在刷新页面后会自动将路由重定向到上一次访问的页面。
vue element admin注意:上述代码仅适用于基于 Vue Router 的单页面应用。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论