通过v-if的功能触发页面刷新,结合provide和inject(reload)
一、app.vue
利用v-if可以刷新页面的属性,同时使用provide和inject将祖先节点的数据传递给子代节点
<template> <div id="app"> <router-view v-if="isShow"></router-view> //① </div> </template> <script> export default { name: 'App',
//③ provide () { return { reload: this.reload } }, data () { return { isShow: true //②
}
},
methods: {
//④
reload () {
this.isShow = false;
this.$nextTick(function () {
this.isShow= true
})
}
}
}
</script>
二、在需要刷新的子路由页面引入inject,然后执行reload事件,就可以刷新页面了。
export default {
name: "demo",
inject:['reload'],
data() {
return {
}
},
methods: {
reflesh(){
this.reload()
},
}
}
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 零经验选手,Compose 一天开发一款小游戏!
· 通过 API 将Deepseek响应流式内容输出到前端
· AI Agent开发,如何调用三方的API Function,是通过提示词来发起调用的吗