这里以按钮组件为例子
父亲页面:
<view class="buttonGroup">
<buttonGroup bind:cancel="closeEditDialog"></buttonGroup>
</view>
父亲js:
page({
data:{
showEdit:false
},
closeEditDialog(){
this.setData({
showEdit:false
})
}
}
组件buttonGroup 页面:
<view class="buttonGroup">
<view class="cancel" bindtap="cancelFn">取消</view>
<view class="sure">确定</view>
</view>
组件函数:
methods: {
cancelFn () {
this.triggerEvent('cancel')
},
}
总结:
通过tigeerEvent 调用 自定义的事件cancel 实现调用父亲页面函数