奇怪的“bug”：@cancel取消回调导致antdv Modal组件无法关闭

今天做的一个项目，使用的 Ant Design for Vue 组件库。

在页面中写了一个 Modal 组件，发现模态框弹出后无法关闭：

代码语言：javascript复制

<a-modal
  :visible="visible"
  :footer="null"
  :closable="false"
>

设置 maskClosable 属性也不行：

代码语言：javascript复制

<a-modal
  :visible="visible"
  :footer="null"
  :closable="false"
  :maskClosable="true"
>

maskClosable 属性默认值就是 true ，所以问题不在这。

最后发现，是没有 @cancel （取消回调）导致的，加上就可以了：

代码语言：javascript复制

<a-modal
  :visible="visible"
  :footer="null"
  :closable="false"
  @cancel="handleCancel"
>

/* JS */
handleCancel () {
  this.visible = false
}

ant mask 组件库

0 人点赞