今天做的一个项目,使用的 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
}