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

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


未经允许不得转载:Web前端开发资源网 » 奇怪的“bug”:@cancel取消回调导致antdv Modal组件无法关闭

推荐阅读:

PhpStorm表单提交时获取不到post数据的解决方法

Animate.css动画库的安装与使用

解决margin击穿的几种方法

input[type=file]去掉“未选择任何文件”及样式改进

【笔记】微信小程序通过app.json设置底部导航

赞 (0)
分享到: +

评论 沙发

换个身份

  • 昵称 (必填)
  • 邮箱 (选填)