vue判断首次进入页面还是页面被刷新进入

最新推荐文章于 2025-04-22 18:58:48 发布

原创最新推荐文章于 2025-04-22 18:58:48 发布 · 6.7k 阅读

17 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

小白菜vue

当前文章被收录于：

小白菜vue

14 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文介绍了如何在前端开发中检测页面是否被刷新，以及如何通过监控路由变化来判断用户的操作行为。通过window.performance.navigation.type属性和Vue.js的beforeEach钩子函数实现，适用于SPA应用。

mounted(){
      if (window.performance.navigation.type == 1) {
            console.log("页面被刷新！")
       }else{
            console.log("首次被加载！")
       }
}

//还有一种方式就是通过检测路由的变化来判断是否页面被刷新
router.beforeEach((to,from,next)=>{
  if (from.path === '/' && from.matched && from.matched.length === 0) {
    isFirstEnter = true; // 记录路由是否为刷新
  }
  next();
})