今天做的一个项目，使用的 Ant Design for Vue 组件库。
在页面中写了一个 Modal 组件，发现模态框弹出后无法关闭：
<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 » 奇怪的“bug”：@cancel取消回调导致antdv Modal组件无法关闭
原创文章，作者：奋斗，如若转载，请注明出处：https://blog.ytso.com/tech/pnotes/150525.html