antdvue对话框不能点击旁白关闭

A：这个问题一般是由于对话框没有正确地绑定关闭事件导致的。你可以尝试在对话框的父组件中添加一个关闭对话框的方法，并将这个方法传递给对话框组件，在对话框中点击旁白时触发关闭方法即可。如果你已经尝试过这个方法仍然无法解决问题，可以提供更多的代码和详细信息，以便更好地帮助你解决问题。

相关问题

生成一段antdvue对话框不能点击旁白关闭

A：

您好，实现不能点击旁白关闭需要对Ant Design Vue对话框中的<Modal> 组件进行自定义配置。具体实现步骤如下：

1. 设置 visible 属性为 true，modal 对话框显示出来。

2. 通过 wrapClassName 属性自定义对话框的类名，在该类名下设置不能点击旁白关闭的样式。

<Modal
  title="Basic Modal"
  visible={true}
  wrapClassName="no-close"
  // 后面省略
>
  <p>Some contents...</p>
  <p>Some contents...</p>
  <p>Some contents...</p>
</Modal>

3. 在 CSS 文件中写入对应的样式, 例如：

.no-close {
    .ant-modal-content {
      .ant-modal-close-x {
        display: none;
      }
    }
}

这样做就可以在 Ant Design Vue 中实现不能点击旁白关闭的对话框了。希望能对您有所帮助！