1 组件传递内容给页面
给组件设置myevent事件,通过this.triggerEvent(‘myevent’, myEventDetail) 触发该myevent事件并传递内容,在页面用onMyEventshi事件监听传递过来的数据。
Page({
// 监听myevent事件
onMyEvent: function (e) {
console.log('接收a组件传递的内容:', e.detail) // '我是a组件'
}})
组件
点击Component({
properties: {} methods: {
onTap: function(){
var myEventDetail = '我是a组件'
this.triggerEvent('myevent', myEventDetail) // 触发组件上的“myevent”事件
} }
})
2 组件与组件通信
两个无任何关联的组件:通过全局变量或本地缓存传递数据
两个有关联的组件(同一个父页面下): 通过上面的方法,用组件 => 页面 => 组件的方式传递数据。
2.页面之间的通信
2-1.使用全局变量 app.globalData
2-2.使用本地缓存 wx.setStorageSync
2-3.url传递
// A页面-传递数据
// 需要注意的是,wx.switchTab 中的 url 不能传参数。
wx.navigateTo({
url:'../pageD/pageD?name=raymond&gender=male'
})
// B页面-接收数据//
通过onLoa