微信小程序页面返回传值的4种解决方案汇总

//page A
const app = getApp() //获取App.js实例
onShow() {//生命周期函数--监听页面显示
  if (app.globalData.backData) {
    this.setData({ //将B页面更新完的值渲染到页面上
      backData: app.globalData.backData
    },()=>{
     	delete app.globalData.backData //删除数据 避免onShow重复渲染
    })
  }
}
//page B
const app = getApp() //获取App.js实例
changeBackData(){
   app.globalData.backData = '我被修改了'
   wx.navigateBack()
}

//page A
  onShow: function () {
    let backData = wx.getStorageSync('backData')
    if(backData){
       this.setData({
     		 backData
    	},()=>{
     		 wx.removeStorageSync('backData')
    	})
    }
  },
 //page B
 changeBackData(){
    wx.setStorageSync('backData', '我被修改了')
    wx.navigateBack()
 },

//page B
changeBackData(){
    const pages = getCurrentPages();
    const beforePage = pages[pages.length - 2]
    beforePage.setData({  //会直接更新A页面的数据，A页面不需要其他操作
      backData: "我被修改了"
    })
}

//page A
 GoPageB() {
    wx.navigateTo({
      url: 'B',
      events: {
        getBackData: res => { //在events里面添加监听事件
          this.setData({
            backData: res.backData
          })
        },
      },
    })
  },
//page B	
changeBackData(){
    const eventChannel = this.getOpenerEventChannel()
       eventChannel.emit('getBackData', {  
     	 backData: '我被修改了'
    });
     wx.navigateBack()
 }