刷新组件

// 根组件/父路由
<template>
 <div class="layout">
  <el-container>
   <el-header>
     头部代码
   </el-header>
   <el-main>
    <router-view v-if="isRouterAlive" />
   </el-main>
  </el-container>
 </div>
</template>

<script>
export default {
 name: 'Layout',
 provide: function() {
  return {
   reload: this.reload,
  }
 },
 data() {
  return {
   isRouterAlive: true,
  }
 },
 methods: {
  reload() {
   this.isRouterAlive = false
   this.$nextTick(() => {
    this.isRouterAlive = true
   })
  },
 },
}
</script>

<style scoped>

</style>
    

// 子路由
export default {
 name: 'UserManagement',
 inject: ['reload'],
 data(){return{}}
}