今天做的一个项目，使用的 Ant Design for Vue 组件库。
在页面中写了一个 Modal 组件，发现模态框弹出后无法关闭：
代码语言：javascript复制<a-modal
:visible="visible"
:footer="null"
:closable="false"
>设置 maskClosable 属性也不行：
<a-modal
:visible="visible"
:footer="null"
:closable="false"
:maskClosable="true"
>maskClosable 属性默认值就是 true ，所以问题不在这。
最后发现，是没有 @cancel （取消回调）导致的，加上就可以了：
<a-modal
:visible="visible"
:footer="null"
:closable="false"
@cancel="handleCancel"
>
/* JS */
handleCancel () {
this.visible = false
}未经允许不得转载：w3h5-Web前端开发资源网 » 奇怪的“bug”：@cancel取消回调导致antdv Modal组件无法关闭
