生成一段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 中实现不能点击旁白关闭的对话框了。希望能对您有所帮助！