小程序子组件事件交给父组件处理

小程序子组件事件交给父组件处理

 子组件点击事件--传到父组件--父组件不处理(不写函数体)---传送到子组件中(写函数体执行)

https://www.bilibili.com/video/BV1vv411H7Rh/

 

 

父组件的点击事件 --由函数triggerEvent转发到子组件的tap自定义事件

<view capture-bind:tap="onCatchtap" > 1111</view>
        onCatchtap :function(e){
          //console.log(e);     
          var ext = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
          var detail = e.detail;
          var activeId = e.target.dataset.id;          
          let item = e.currentTarget.dataset.item;
    
          this.triggerEvent("tap", Object.assign(Object.assign(Object.assign({}, detail), { activeId: activeId,item:item }), ext));
        },

子组件

<组件名 bindtap="cusTap" >222</组件名>
cusTap:function(e){}

 

https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/events.html

 

posted @ 2024-04-20 09:09  与f  阅读(3)  评论(0编辑  收藏  举报