自定义组件中事件监听

1、自定义组件中定义监听事件

在自定义文件consumer-action.wxml中添加点击事件

<view class="action-bar-item">
    <button bind:tap="handleChat">联系对方</button>
    <button bind:tap="handleOrder" wx:if="{
     
     {service.type===serviceTypeEnum.PROVIDE}}">立即预约</button>
</view>

在consumer-action.js中实现点击事件，使用triggerEvent传递事件

	......
    methods: {
    
    
        handleOrder(event) {
    
    
            this.triggerEvent('chat')
        },
        handleChat(event) {
    
    
            this.triggerEvent('order')
        }
    }
    ......

2、在调用自定义组件的布局文件中接收方法事件回调

在service-detail.wxml中实现自定义组件点击监听
bind:chat和bind:order中的chat和order和triggerEvent中定义的事件名一致

	......
       <i-consumer-action wx:if="{
     
     {!isPublisher}}" service="{
     
     {service}}"
                           bind:chat="handleChat" 
                           bind:order="handleOrder"></i-consumer-action>
    ......

3、实现方法

在service-detail.js中监听点击方法

......
    handleUpdate(event) {
    
    

    },

    handleOrder() {
    
    

    }, handleChat() {
    
    

    }, handleEdit() {
    
    

    },
......