当前位置：首页 > news >正文

微信小程序实现当前页面更新上一个页面

news 2025/7/26 8:42:41

日常项目中需要实现的一个价格脱敏功能：通过点击页面二中的`查看完整信息` 点击`回退按钮`实现页面一中的价格显露出来

在这里插入图片描述

通过查询了大量资料发现大多数都是通过调用上一个接口的onload 或者onshow 实现视图更新 经测试后发现无法实现 只能更改数据无法更新视图

实现方法通过调用上一个页面的自定义方法通过setData 实现视图更新

 preDataUpdate(arr) {this.setData({tableList: arr})},

页面2通过调用上一个页面的方法来实现上一个页面的视图更新

 refreshPrePage() {const pages = getCurrentPages()const perpage = pages[pages.length - 2]console.log(perpage, '上一个页面的数据')if (perpage.route === 'subPackages/pages/mapLookHouse/index') {perpage.__data__.houseList.map(item => {//  符合条件的数据if (this.data.info.ID === item.ID) {item.price1 = item.WIDGET_1646100728243item.price2 = item.WIDGET_1627373790294}perpage.preDataUpdate(perpage.__data__.houseList)})} else if (perpage.route === 'subPackages/pages/houseList/index') {perpage.__data__.tableList.map(item => {//  符合条件的数据if (this.data.info.ID === item.ID) {item.price1 = item.WIDGET_1646100728243item.price2 = item.WIDGET_1627373790294}perpage.preDataUpdate(perpage.__data__.tableList)})}},