微信小程序 自定义组件

一、组件间传值

1. 定义组件

   javascript
     //modal.wxml
     <button bindtap="clickEvent">测试</button>
   
     //modal.js
     methods: {
       clickEvent: function (e) {
         var myEventDetail = {
           a: 1,
           b: 2,
           3: 2
         }; // 提供给事件的监听函数
         var myEventOption = {}; // 触发事件的选项
         debugger
         this.triggerEvent('CustumEvent', myEventDetail, myEventOption)
       }
     }
   
   

2. 调用组件

   javascript
     //index.json
     "usingComponents": {
       "modal":"../../components/modal/modal"
     }
   
     //index.wxml
     <view>
       <modal bindCustumEvent="onMyEvent"/>
     </view>
   
     //index.js
      onMyEvent: function (e) {
           console.log("----------------",e)
           console.log(e.detail); // 自定义组件触发的时候。提供的detail事件。将会返回当前点击的鼠标坐标
       }