微信小程序页面间传值方式

1.url

// 页面A
wx.navigateTo({
  url: '/pages/pageA/pageA?id=1',
})

2.wx.navigateTo 传向跳转后的页面

// 页面A
wx.navigateTo({
  url: '/pages/pageA/pageA',
  success: function(res) {
    // 通过eventChannel向被打开页面传送数据
    res.eventChannel.emit('transformData', { id: 1 })
  },
    
})

// 页面B
onLoad(){
  // 接收页面A传过来的值 
    const eventChannel = this.getOpenerEventChannel()
    eventChannel.emit('transformData', (data)=>{
        this.setData({id: data})
     });
}

3.wx.navigateTo 从跳转后页面回传

// 页面A
wx.navigateTo({
  url: '/pages/pageA/pageA',
  events:{
// 接收页面B传过来的值
     transformData: function(data) {
      console.log(data)
    },
  }
    
})

// 页面B
onLoad(){
  // 向页面A传
    const eventChannel = this.getOpenerEventChannel()
    eventChannel.emit('transformData',{id:1});
}

4.globalData全局对象

// 在app.json中
globalData: {
    data:'test'
  }

// 在页面中使用
let app = getApp();    
console.log(app.globalData.data)

5.通过wx.setStorage()保存,通过wx.getStorage()获取

6.通过getCurrentPages()

transfromData(){
    let pages = getCurrentPages()
   // 获取前一个页面
	let prev = pages[pages.length - 2]
    prev.setData({
        data: 'test'
      });
}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值