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

这篇具有很好参考价值的文章主要介绍了微信小程序实现当前页面更新上一个页面。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

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

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

通过查询了大量资料发现大多数都是通过调用上一个接口的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_1646100728243
          item.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_1646100728243
          item.price2 = item.WIDGET_1627373790294
        }
        perpage.preDataUpdate(perpage.__data__.tableList)
      })
    }
  },