位置:- 正文

uniapp使用navigateBack方法返回上级页面并刷新(Uniapp使用$base方法)

编辑:rootadmin
uniapp使用navigateBack方法返回上级页面并刷新 分析:一般调用navigateBack返回上一页时有两种情况不需刷新:查看内容,状态未改变.需刷新:在第二页编辑后,上一页列表中与之对应的数据状态一起改变

推荐整理分享uniapp使用navigateBack方法返回上级页面并刷新(Uniapp使用$base方法),希望有所帮助,仅作参考,欢迎阅读内容。

uniapp使用navigateBack方法返回上级页面并刷新(Uniapp使用$base方法)

文章相关热门搜索词:uniapp navigator,Uniapp使用阿里云播放器,Uniapp使用svg动画,Uniapp使用 canvas绘制表单,Uniapp使用 canvas绘制表单,Uniapp使用svg动画,Uniapp使用ssr,Uniapp使用微信小程序授权,内容如对您有帮助,希望把文章链接给更多的朋友!

目前想出的方案是在回退之前修改上页判断条件,回退后重新获取判断条件在决定是否刷新。

示例:

详情页 修改状态成功后,准备回退到上一页之前,将上一页的是否刷新参数值改为是的状态

let pages = getCurrentPages();let prevPage = pages[pages.length - 2];//上一个页面//直接调用上一个页面的setData()方法,把数据存到上一个页面中去prevPage.setData({ isRefresh: 1 })// 再根据需求,确定返回上一页面wx.navigateBack({delta: 1})

列表页 需要在onshow钩子中获取判断条件

export default{data(){return{ isRefresh:false}},onShow(){ // 如果是提交状态返回isRefresh=1,才刷新页面,从详情过来无需刷新let pages = getCurrentPages();let currPage = pages[pages.length - 1];if(currPage.__data__.isRefresh){// 重新获取数据this.getData(true)//获取列表数据// 每一次需要清除,否则会参数会缓存 currPage.__data__.isRefresh=false}}}
本文链接地址:https://www.jiuchutong.com/zhishi/289673.html 转载请保留说明!
下一篇链接:https://www.jiuchutong.com/zhishi/289674.html
免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

鄂ICP备2023003026号

友情链接: 武汉网站建设 电脑维修 湖南楚通运网络