小程序頁面之間的傳值

第一種 url攜帶參數
A.js

doUpload(){
    wx.navigateTo({
      url: '../index/index?id=123'
    })
},

B.js

 onLoad: function(options) {
    console.log(options.id) //123
}

第二種 事件傳值EventChannel
A.js

doUpload(){
    wx.navigateTo({
      url: '../index/index',
      events: {
        // 爲指定事件添加一個監聽器,獲取被打開頁面傳送到當前頁面的數據
        acceptDataFromOpenedPage: function(data) {
          console.log(data)//{data: '456'}
        },
        someEvent: function(data) {
          console.log(data)//{data: '456'}
        }
      },
      success: function(res) {
        // 通過eventChannel向被打開頁面傳送數據
        res.eventChannel.emit('acceptDataFromOpenerPage', { data: '1234' })
      }
    })
  },

B.js

 onLoad: function(options) {
    const eventChannel = this.getOpenerEventChannel()
    eventChannel.emit('acceptDataFromOpenedPage', {data: '456'});
    eventChannel.emit('someEvent', {data: '456'});
    // 監聽acceptDataFromOpenerPage事件,獲取上一頁面通過eventChannel傳送到當前頁面的數據
    eventChannel.on('acceptDataFromOpenerPage', function(data) {
      console.log(data)//{ data: '1234' }
    })}
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章