el-dialog 隐藏 close

可以通过设置 el-dialog 的 show-close 属性来决定是否显示右上角的关闭按钮。将 show-close 属性设置为 false 即可隐藏关闭按钮，代码如下：

<el-dialog :visible="dialogVisible" :show-close="false">
  <!-- 对话框内容 -->
</el-dialog>

如果需要在代码中控制关闭按钮的显示与隐藏，可以使用 el-dialog 的 close-button-position 属性和 header-slot 插槽来实现。代码如下：

<el-dialog :visible="dialogVisible" :close-button-position="closeButtonPosition">
  <template #header>
    <div v-if="showCloseButton" class="dialog-header">
      <span>{{ title }}</span>
      <i class="el-dialog__headerbtn el-icon-close" @click="handleClose"></i>
    </div>
    <div v-else class="dialog-header">
      <span>{{ title }}</span>
    </div>
  </template>
  <!-- 对话框内容 -->
</el-dialog>

其中，需要在 data 中定义 showCloseButton 和 closeButtonPosition 两个变量，用于控制关闭按钮的显示与位置。代码如下：

data() {
  return {
    dialogVisible: false,
    showCloseButton: true,
    closeButtonPosition: 'right'
  }
},

在 handleClose 方法中，需要手动关闭对话框并将 showCloseButton 设置为 true。代码如下：

methods: {
  handleClose() {
    this.showCloseButton = true;
    this.dialogVisible = false;
  }
}