vue 强制刷新

1、在要强制刷新的父组件中注册reload方法

reload() {
  this.isRouterAlive = false
  this.$nextTick(function() {
    this.isRouterAlive = true
    console.log('reload')
  })
},

控制router-view的显示与隐藏
<router-view v-if="isRouterAlive"></router-view>

如图所示

 

provide允许父组件向所有子孙组件后代注入一个依赖。

2、在组件中注入reload方法。

然后在子组件中直接this.reload就可以了。这个就是大概利用v-if的条件渲染和nextTick的异步功能，控制渲染的显示，避免

js原生方法window.location.reload()或vue路由方法this.$router.go(0)出现重新加载的空白页。