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

德顺

发布于 2023-08-25 13:10:42

1.8K0

发布于 2023-08-25 13:10:42

文章被收录于专栏：前端资源前端资源

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

本文参与?腾讯云自媒体分享计划，分享自作者个人站点/博客。

原始发表：2021-03-22)，如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自作者个人站点/博客?前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与?腾讯云自媒体分享计划? ，欢迎热爱写作的你一起参与！

登录后参与评论

0 条评论

热度