微信小程序-修改页面数据并同步刷新上一个页面的数据

例:在A页面上数据操作完成后并使B页面上的数据同步刷新
方法一:
在A下面展示一些页面上的代码如下:

          var pages = getCurrentPages();//获取页面栈
          if (pages.length > 1) {
            //上一个页面实例对象
            var prePage = pages[pages.length - 2];
            //调用上一个页面的onShow方法
            prePage.onShow()
          }
          wx.navigateBack({
            delta: 1
          })
          var pages = getCurrentPages();//获取页面栈
          if (pages.length > 1) {
            //上一个页面实例对象
            var prePage = pages[pages.length - 2];
            //调用上一个页面的onShow方法
            prePage.onShow()
          }
          wx.navigateBack({
            delta: 1
          })

在B页面上代码如下:

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    this.onLoad()
  },
  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    this.onLoad()
  },

方法二:
在A页面中

          var pages = getCurrentPages();//当前页面栈
          if (pages.length > 1) {
            var beforePage = pages[pages.length - 2];//获取上一个页面实例对象
            beforePage.changeData();//触发父页面中的方法
          } 
          var pages = getCurrentPages();//当前页面栈
          if (pages.length > 1) {
            var beforePage = pages[pages.length - 2];//获取上一个页面实例对象
            beforePage.changeData();//触发父页面中的方法
          } 

在B页面中

  changeData: function () {
    var orderProgress=3
    this.onLoad(orderProgress);//最好是只写需要刷新的区域的代码,onload也可,效率低,有点low
  },
  changeData: function () {
    var orderProgress=3
    this.onLoad(orderProgress);//最好是只写需要刷新的区域的代码,onload也可,效率低,有点low
  },

你可能感兴趣的:(微信小程序,javascript,前端)