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

编辑：rootadmin

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

推荐整理分享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 转载请保留说明！

上一篇：莫尼博克湾的芦苇岛，纽约长岛 (© Claudia Uripos/eStock Photo)(莫尼莫克房车)

下一篇：纽约公共图书馆总部翻新后的玫瑰主阅览室，纽约市 (© Sascha Kilmer/Getty Images)(纽约公共图书馆开放时间)