在VUE中通过provide/reject的方式刷新当前页面

首先在APP.VUE中的data定义一个变量,

isRouterAlive: true,

然后给routerview加上v-if属性

    <router-view v-if="isRouterAlive"></router-view>

再在methods里加上刷新的方法,

   reload () {
      this.isRouterAlive = false
      this.$nextTick(function() {
         this.isRouterAlive = true
      })
    }

最后把这个方法provide出去

provide () {
    return {
      reload: this.reload
    }
  }

这样APP.VUE里的设置就完成了,接下来是需要有刷新功能的页面:
注入方法

inject: ["reload"],

在需要刷新的地方调用即可

this.reload();
posted @   隐形的喷火龙  阅读(529)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 25岁的心里话
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 一起来玩mcp_server_sqlite,让AI帮你做增删改查!!
· 零经验选手,Compose 一天开发一款小游戏!
点击右上角即可分享
微信分享提示