vue开发中,如何在刷新页面后保证路由不会变化,下面编程教程网小编给大家简单介绍一下!
具体代码如下:
export default {
created() {
// 监听beforeunload事件
window.addEventListener("beforeunload", this.saveCurrentPath)
},
beforeDestroy() {
// 解除beforeunload事件的绑定
window.removeEventListener('beforeunload', this.saveCurrentPath)
},
methods: {
saveCurrentPath() {
//当前路由的路径保存到localStorage
localStorage.setItem('currentRoutePath', this.$route.path)
}
},
mounted() {
const currentRoutePath = localStorage.getItem('currentRoutePath')
if (currentRoutePath) {
this.$router.push(currentRoutePath)
//执行后清除localStorage缓存
localStorage.removeItem('currentRoutePath')
}
}
}
以上是编程学习网小编为您介绍的“vue在刷新页面后如何保证路由不变”的全面内容,想了解更多关于 vuejs 内容,请继续关注编程基础学习网。
沃梦达教程
本文标题为:vue在刷新页面后如何保证路由不变
基础教程推荐
猜你喜欢
- vue后台管理、APP项目总结集合 2023-10-08
- css如何解决图片出现间距 2024-12-14
- css pointer-events属性实现下面元素可点击 2024-01-20
- 灵活掌握asp.net中gridview控件的多种使用方法(上) 2023-12-03
- jQuery滚动条美化插件nicescroll简单用法示例 2024-04-03
- 解决ajax异步请求返回的是字符串问题 2023-02-23
- css3动画鼠标放上图片逐渐变大鼠标离开图片逐渐缩小效果 2024-01-23
- css clear之清除区域 2024-03-10
- 使用CSS3来匹配横屏竖屏的简单方法 2023-12-23
- 利用ajax+php实现商品价格计算 2023-02-23