vue刷新当前页面

方法一:- this.$router.go(0)
        - window.location.href
        - window.location.reload()

强制刷新当前页面,浏览器进行重新加载,出现页面闪烁和空白,用户体验极差。

方法二:借助vue的API:provide/inject
在顶层路由页面定义并向子孙后代注入依赖:



在需要刷新的组件或页面调用该方法:

export default {
  // 接收注入的数据
  inject: [
    'reload'
  ],
  methods: {
    showRouter () {
      // 调用reload方法,刷新整个页面
      this.reload()
    }
  }
}

你可能感兴趣的:(vue刷新当前页面)