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

最新推荐文章于 2025-06-24 11:11:41 发布

WinterWang0207

最新推荐文章于 2025-06-24 11:11:41 发布

阅读量1.6w

点赞数 5

分类专栏： Vue 案例 Vue小笔记

Vue 案例同时被 2 个专栏收录

91 篇文章

订阅专栏

Vue小笔记

32 篇文章

订阅专栏

博客围绕Vue技术，重点探讨如何判断页面是首次进入还是刷新，这在前端开发中具有重要意义，能帮助开发者根据不同情况进行相应的页面处理和交互设计。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<template>
    <div>
      判断页面是首次进入还是再次刷新
    </div>
</template>

 <script>
export default {
    data(){
        return{
              
             }
        },

    mounted () {
      //第一种方法
      // if(window.name == ""){
      // console.log("首次被加载");
      // window.name = "isReload";  // 在首次进入页面时我们可以给window.name设置一个固定值 
      // }else if(window.name == "isReload"){
      // console.log("页面被刷新");
      // }
      //第二种方法
      if (window.performance.navigation.type == 1) {
        console.log("页面被刷新")
      }else{
        console.log("首次被加载")
      }
    },

    methods: {
      
    },
 
    }
</script>

<style scoped>

</style>