vue全局刷新

想在app.vue触发

  • 在全局组件注册一个方法,该方法控制router-view的显示与否,可接受参数.
<template>
  <div id="app">
    <router-view v-if="isRouterAlive"></router-view>
  </div>
</template>
 
<script>
export default {
  name: 'App',
  provide() { // 注册一个方法
    return {
      reload: this.reload
    }
  },
  data() {
    return {
      isRouterAlive: false
    }
  },
  methods: {
    reload(Boolean) {
      this.isRouterAlive = Boolean
    }
  }
}
</script>

以上写好,如何调用?

  • 在子其它页面里将注册的导入
export default {
inject: ['reload'],
mounted(){
this.reload(false);
}
}
posted @ 2020-11-13 09:41  小泽沐优声  阅读(191)  评论(0编辑  收藏  举报