a-modal关闭和重写确定、取消

ant vue 官网地址

<a-modal
      :title="showName"
      :visible="visibleSend"
      :width="450"
      :closable="false">
      <template slot="footer">
      	// closable 是否显示右上角的关闭按钮
      	// slot="footer" 不需要默认确定取消按钮，重写确定和取消
      	<a-button type="primary  @click="confirmMessage">确定</a-button>
        <a-button  @click="closeMessage">关闭</a-button>
      </template>
      	// 表单显示的内容 
  </a-modal>
  // 关闭
 closeMessage() {
      this.visibleSend = false
   },
   // 确定
   confirmMessage() {
   // ajax 方法
   }

<a-modal
      :title="showCert"
      :visible="visibleCert"
      :width="450"
      :keyboard="false"
      :maskClosable="false" 
      @cancel="handleCancel"
      cancelText="关闭">
      <template slot="footer">
        <a-button  @click="close">关闭</a-button>
      </template>
    </a-modal>
   // keyboard 点击esc按钮不会退出
   // maskClosable 点击蒙层是否关闭