uni.$on 微信小程序怎么实现
时间: 2024-03-16 07:43:00 浏览: 76
使用uni-app开发微信小程序的实现
在微信小程序中,没有uni-app框架提供的uni.$on函数。但是,微信小程序也提供了类似的全局事件监听函数,可以通过wx.onGlobalEvent()来实现。
具体使用方式如下:
1. 在app.js中定义全局事件名称和回调函数
```javascript
App({
globalData: {
eventName: 'testEvent',
eventCallback: null
}
})
```
2. 在需要监听全局事件的页面或组件中,调用wx.onGlobalEvent()函数来监听事件
```javascript
Page({
onLoad: function () {
wx.onGlobalEvent((res) => {
if (res.eventName === 'testEvent') {
console.log(res.eventData); // 打印事件传递的数据
}
})
}
})
```
3. 在需要触发全局事件的地方,调用wx.triggerEvent()函数来触发事件
```javascript
App({
test: function () {
this.globalData.eventCallback && this.globalData.eventCallback({
eventName: this.globalData.eventName,
eventData: 'hello world'
})
}
})
```
注意,微信小程序中的全局事件监听函数和触发函数都需要在App或Page实例中调用,因为它们都是属于App或Page的全局函数。
阅读全文