前端实现

方法一

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

created() {this.currentPathLoad();
},
methods: {currentPathLoad() {window.addEventListener("current-path-load",()=>{let path = this.$route.path;sessionStorage.setItem('current-path-load',JSON.stringify(path));})}
}

2. 具体页面实现

methods: {someMethods() {// 写对应逻辑 beginlet pagePath = this.$route.pathlet path = JSON.parse(sessionStorage.getItem('current-path-load'))if (pagePath === path) {console.log('刷新')// 如果是刷新，移除缓存的路由，以免造成对其他页面的路由影响sessionStorage.removeItem('current-path-load') } else {console.log('不是刷新')}// 写对应逻辑 end}
}

方法二

mounted(){if(window.name == ""){console.log("首次被加载");// 在首次进入页面时我们给window.name设置一个固定值(isRefresh) window.name = "isRefresh"; }else if(window.name == "isRefresh"){console.log("页面被刷新");}
}

方法三

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