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

时间:2023-12-29 23:29:08

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

一、问题

1个列表页:

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

1个详情页:

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

列表页代码:

onLoad:异步查询数据并setData

详情页代码:

保存成功后,调用navigateBack

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

二、解决过程

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

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

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

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

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