微信小程序自定义组件事件
时间: 2023-12-14 20:30:28 浏览: 234
微信小程序自定义组件可以通过在组件js文件中定义事件来实现与页面的交互。具体步骤如下:
1. 在组件js文件中定义事件函数,例如:
```
Component({
methods: {
onTap: function() {
this.triggerEvent('myevent', {data: 'hello'}, {})
}
}
})
```
2. 在组件wxml文件中绑定事件,例如:
```
<view bindtap="onTap">点击我触发自定义事件</view>
```
3. 在页面中引入组件,并监听自定义事件,例如:
```
<custom-component bind:myevent="onMyEvent"></custom-component>
```
4. 在页面js文件中定义事件处理函数,例如:
```
Page({
onMyEvent: function(event) {
console.log(event.detail.data) // 输出 'hello'
}
})
```
阅读全文