微信小程序页面列表与详情页跳转的正确姿势


初学小程序,碰到列表与详情页跳转遇到的问题,记录一下。

一、问题

1个列表页:

1个详情页:

列表页代码:

onLoad:异步查询数据并setData

 

详情页代码:

保存成功后,调用navigateBack

 

问题来了,从详情页跳转回列表页后,页面不刷新,还是修改前的列表。

 

二、解决过程

1、将详情页保存成功后的代码改为navigateTo列表页

可以刷新了,但是又有新问题,来回在列表、详情页之间切换几次后就点不动了。

原因:wx.navigateTo只能跳转5层,跳转5次后就不能跳了

2、详情页保存成功后,还用navigateBack,列表页加载数据的代码改为在onShow方法里实现,问题解决。

原因:因为onLoad只在页面第一次显示时调用,而onShow在每次显示时都调用。所以,写在onShow里后,从详情页navigateBack后,会重新加载数据并刷新。

 

打赏

免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2021 CODEPRJ.COM