【小程序】使用uni-app搭建小程序环境---页面刷新问题
一、页面跳转后刷新
页面逻辑:我的页面 点击头像---登录弹窗---点击去登录---登录后跳转到我的页面
存在的问题:没有加载我的页面接口
解决方案:
uni.switchTab({ url: this.backurl, success(){ let page = getCurrentPages().pop(); //跳转页面成功之后 console.log(getCurrentPages(),page); if (!page) return; page.onLoad(); //如果页面存在,则重新刷新页面 } })
二、情景描述:
从页面A跳转到页面B
B页面接收A页面传递的参数
B页面点赞操作,
从B页面返回到A页面 A页面数据同步
解决方案: 在B页面设置一个刷新页面的标识 A页面识别标识后更新数据
B页面
onLoad(e) { this.cid = e.cid; this.getList(); var pages = getCurrentPages();//函数用于获取当前页面栈的实例,以数组形式按栈的顺序给出,第一个元素为首页,最后一个元素为当前页面。 var prevPage = pages[pages.length - 2]; //上一个页面 console.log(prevPage); //直接调用上一个页面的setData()方法,把数据存到上一个页面中去 prevPage.setData({ isDoRefresh:true }) },
A页面
onShow() { let pages = getCurrentPages(); let currPage = pages[pages.length-1]; if (currPage.data.isDoRefresh == true){ currPage.data.isDoRefresh = false; this.init(); } }, //onLoad(从B页面返回A页面不会执行) // 监听页面加载, // 其参数为上个页面传递的数据,参数类型为Object(用于页面传参), //onShow(从B页面返回A页面执行) //监听页面显示。页面每次出现在屏幕上都触发,包括从下级页面点返回//露出当前页面
作者:smile.轉角
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利.
欢迎关注我,一起进步!扫描下方二维码即可加我QQ

【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通