vue 弹窗调用父窗口函数

目前再用 ant D 设计开发页面，使用a-model对话框弹出后，内容嵌套了一个自定义组件，且对话框去掉了原有按钮，改为自定义，导致无法关闭当前窗口。

footer：设置去掉底部“确定”，“取消”按钮为空

@cancel：取消事件

<!-- 弹窗 -->
    <j-modal
      :visible.sync="jmodal_entity.visible"
      :title="jmodal_entity.title"
      :keyboard="true"
      width="90%"
      switchFullscreen
      :fullscreen.sync="jmodal_entity.fullscreen"
      @cancel="handleCancel"
      footer
    >
      <applyForm :record="recordData" @cancel="handleCancel" />
    </j-modal>

在applyForm 使用时，传入函数。

applyForm中调用该函数的方法为

this.$emit('cancel')

通过cancel即可调用到父界面的handleCancel函数，即可操作a-model标签的visable属性，使其关闭弹窗。