Vue 刷新当前页面

APP.vue

<template>
  <div id="app">
    <router-view v-if="isRouterAlive" />
  </div>
</template>
export default {
  // 增加
  provide() {
    return {
      reload: this.reload
    }
  },
  data() {
    return {
      isRouterAlive: true
    }
  },
  methods: {
    reload() {
      this.isRouterAlive = false
      this.$nextTick(function() {
        this.isRouterAlive = true
      })
    }
  }
}

使用页面

export default {
  inject: ['reload']
}
// 在需要执行刷新的逻辑处 this.reload() 刷新当前页面并重载数据

上一篇:【JS】Chrome里定时自动刷新代码实现


下一篇:Nginx 安装(打开、关闭、重启)