微信小程序 子组件调用父组件/页面的函数方法

这里以按钮组件为例子

父亲页面：

      <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 实现调用父亲页面函数

官网：组件间通信与事件 | 微信开放文档