页面调用组件,组件刷新问题——监听
背景分析:1、登录注册封装为公共组件,当调用登录接口后需要重新刷新当前页面。若单纯的页面则没有任何问题,直接执行reload即可。
2、若组件封装成公共组件,并且数据也在组件中各自获取渲染。当页面调用组件时无法执行 onShow() 、reload() 生命周期(若在当前页面获取数据则不存在该问题,需要刷新页面数据时重新调用一次数据接口即可)。
3、因为组件的生命周期是没有onShow这个生命周期的,只有created、mounted等不满足需求,只能从页面的生命周期考虑,传参亦是如此:onLoad获取页面参数,得到后再传递给组件,组件再进行相应操作;
4、解决方案:监听:在页面里监听子组件何时需要重新调用接口数据,子组件得到消息后再调用接口即可。
实现方式:
1、页面调用:
onShow() {
this.getUserInfo();
this.Vue.isRefesh+=1; //这里使用this.Vue是因为js代码提到了页面对应的js文件,而不是像往常的 <template></template> <script></script> 格式。 正常情况下直接写成 this.isRefresh+=1;即可。
}

2、AddressList 组件
总结:跨组件和跨页面的刷新数据比较特殊,监听是个不错的选择。不能单纯使用重载当前页面的方法(如下图),因为组件是单独的,且没有onLoad()、onShow、onReady这些个生命周期。若是同行还有其他更好的解决办法烦请留言告知下额,相互学习!
本文来自博客园,作者:小虾米吖~,转载请注明原文链接:https://www.cnblogs.com/LindaBlog/p/16955856.html
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 【.NET】调用本地 Deepseek 模型
· CSnakes vs Python.NET:高效嵌入与灵活互通的跨语言方案对比
· DeepSeek “源神”启动!「GitHub 热点速览」
· 我与微信审核的“相爱相杀”看个人小程序副业
· Plotly.NET 一个为 .NET 打造的强大开源交互式图表库