el-dialog右上角关不掉

您好！要关闭 el-dialog 右上角的按钮，您可以使用 el-dialog 的 `close-on-click-modal` 属性。将其设置为 `false`可以禁用点击模态框关闭对话框的功能。以下是一个示例代码：

<el-dialog :visible.sync="dialogVisible" :close-on-click-modal="false">
  <!-- 对话框内容 -->
</el-dialog>

在上面的代码中，`dialogVisible` 是一个用于控制对话框显示与隐藏的变量。通过设置 `close-on-click-modal` 属性为 `false`，您将禁用点击模态框关闭对话框的功能。

希望这可以帮到您！如有其他问题，请随时提问。

相关问题

el-dialog弹窗右上角关不掉

你可以通过自定义`el-dialog`弹窗的头部插槽来实现右上角的关闭按钮。以下是一个示例代码：

<template>
  <el-dialog title="Dialog Title" :visible.sync="dialogVisible">
    <template v-slot:header>
      <span>Dialog Title</span>
      <button class="el-dialog__headerbtn" type="button" @click="dialogVisible = false">
        <i class="el-dialog__close el-icon el-icon-close"></i>
      </button>
    </template>
    <span>Dialog Content</span>
  </el-dialog>
</template>

<script>
export default {
  data() {
    return {
      dialogVisible: false
    }
  }
}
</script>

在这个示例中，我们使用了`v-slot:header`来自定义弹窗的头部内容。通过添加一个按钮，并绑定点击事件`@click="dialogVisible = false"`，当点击按钮时，将`dialogVisible`属性设为`false`，从而关闭弹窗。你可以根据需要修改弹窗的标题、内容和样式。

el-dialog右上角叉号去掉

要去掉 el-dialog 右上角的叉号，可以通过 CSS 来实现。你可以在页面中添加以下样式代码：

.el-dialog .el-dialog__headerbutton {
  display: none;
}

这将隐藏右上角关闭按钮。确保将该样式代码放置在 el-dialog 样式之后，以覆盖默认样式。