0


uniapp使用navigateBack方法返回上级页面并刷新

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

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

  • 示例: - 详情页 修改状态成功后,准备回退到上一页之前,将上一页的是否刷新参数值改为是的状态let pages =getCurrentPages();let prevPage = pages[pages.length -2];//上一个页面//直接调用上一个页面的setData()方法,把数据存到上一个页面中去prevPage.setData({isRefresh:1})// 再根据需求,确定返回上一页面wx.navigateBack({delta:1})- 列表页 需要在onshow钩子中获取判断条件exportdefault{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://blog.csdn.net/weixin_48888726/article/details/127749667
版权归原作者 今后刚睡醒 所有, 如有侵权,请联系我们删除。

“uniapp使用navigateBack方法返回上级页面并刷新”的评论:

还没有评论