![微信小程序 自定义组件](https://cdn.fmlg1688.cn/levenx-world/dff3d6d0e9bc4a0a80f0d8e9454d4cf5.png)
微信小程序 自定义组件
![乐闻的头像](https://cdn.portal.levenx.com/levenx-world/ghY0PdpLg5jTOhB9.jpg)
一、组件间传值
- 定义组件
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事件。将会返回当前点击的鼠标坐标 }