在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();
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 25岁的心里话
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 一起来玩mcp_server_sqlite,让AI帮你做增删改查!!
· 零经验选手,Compose 一天开发一款小游戏!