
微信小程序 自定义组件

一、组件间传值
- 定义组件
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) } }
- 调用组件
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事件。将会返回当前点击的鼠标坐标 }