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在刷新页面后如何保证路由不变
基础教程推荐
猜你喜欢
- 解决微信返回上一页,页面中的AJAX的请求,对Get请求无效的问题 2023-01-26
- vue中deletet请求方式进行传参 2023-10-08
- html5实现移动端适配完美写法 2022-09-16
- JS实现发送短信验证后按钮倒计时功能(防止刷新倒计时失效) 2024-03-08
- vue项目中axios如何解决跨域cookie丢失问题 2025-01-11
- layui获取select下面的选项值和value值 2023-10-08
- 使用CSSgram来实现类似Instagram上的简单的滤镜效果 2024-01-17
- 解析linux中的一些命令语句(12大解压打包命令语句) 2024-12-13
- HTML表单:选择选项以将数据插入MySQL phpmyadmin数据库 2023-10-26
- Vue页面中引入img图片使用动态路径import、require 2024-12-07
