vue 判断是否刷新页面小技巧

西红柿又名小番茄

已于 2024-02-27 15:02:17 修改

阅读量1.2k

点赞数 2

文章标签： vue.js 前端 javascript

于 2024-01-31 15:55:34 首次发布

本文链接：https://blog.csdn.net/qq_39293316/article/details/135955580

版权

1、在 App.vue 文件中缓存下刷新时当前页面的路由

created() {
    window.addEventListener("beforeunload",()=>{
      let path = this.$route.path
      sessionStorage.setItem('beforeunload-path',JSON.stringify(path))
    })
},

2、在具体的页面文件的 methods 里面通过当前页面路由和刷新时缓存的路由做比较，来判断页面是否刷新

let pagePath = this.$route.path
      let path = JSON.parse(sessionStorage.getItem('beforeunload-path'))
      if (pagePath === path) {
        console.log('刷新')
        sessionStorage.removeItem('beforeunload-path') // 判断完之后，移除刷新时缓存的路由，以免造成对其他页面的路由影响
      } else {
        console.log('不是刷新')
 }