首页IT科技uniapp返回带参数(uniapp使用navigateBack方法返回上级页面并刷新)

uniapp返回带参数(uniapp使用navigateBack方法返回上级页面并刷新)

时间2025-06-18 09:16:47分类IT科技浏览7219
导读:分析:一般调用navigateBack返回上一页时有两种情况 不需刷新:查看内容,状态未改变. 需刷新:在第二页编辑后,上一页列表中与之对应的数据状态一起改变...

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

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

示例:

详情页

修改状态成功后,准备回退到上一页之前,将上一页的是否刷新参数值改为是的状态 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 } } }

创心域SEO版权声明:以上内容作者已申请原创保护,未经允许不得转载,侵权必究!授权事宜、对本内容有异议或投诉,敬请联系网站管理员,我们将尽快回复您,谢谢合作!

展开全文READ MORE
网站JS对SEO优化的影响(如何正确地使用JS提升SEO排名) 计算机最小系统包括几个部分(最小的计算机系统是什么)