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

今天做的一个项目,使用的 Ant Design for Vue 组件库。

在页面中写了一个 Modal 组件,发现模态框弹出后无法关闭:

  1. <a-modal
  2.   :visible="visible"
  3.   :footer="null"
  4.   :closable="false"
  5. >

设置 maskClosable 属性也不行:

  1. <a-modal
  2.   :visible="visible"
  3.   :footer="null"
  4.   :closable="false"
  5.   :maskClosable="true"
  6. >

maskClosable 属性默认值就是 true ,所以问题不在这。

最后发现,是没有 @cancel (取消回调)导致的,加上就可以了:

  1. <a-modal
  2.   :visible="visible"
  3.   :footer="null"
  4.   :closable="false"
  5.   @cancel="handleCancel"
  6. >
  7.  
  8. /* JS */
  9. handleCancel () {
  10.   this.visible = false
  11. }


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

赞 (1)
分享到: +

评论 沙发

Avatar

换个身份

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