刷新页面
方法一
window.reload()；
方法二
this.$router.go(0);
以上两种方式会出现白屏
方法三
不会有闪烁的空白出现
App.vue
<template>
<div id="app">
<!-- 增加判断，让其隐藏 -->
<router-view v-if="isRouterAlive"/>
</div></template><script>export default {
name: 'App',
// 暴露reload，方便后面组件调用
provide(){
return {
reload: this.reload }
},
data(){
return {
isRouterAlive: true
}
},
methods:{
// 重新加载方法
reload(){
this.isRouterAlive = false;
this.$nextTick(()=>{
this.isRouterAlive = true;
})
}
}}</script>
子组件调用刷新方法
<script>export default {
// 获取APP.vue里的reload方法
inject: ["reload"],
methods: {
reloadPage() {
// 刷新页面
this.reload();
}
}}</script>