el-dialog去掉头部

要去掉 el-dialog 的头部，你可以使用以下两种方法之一：

方法一：使用 CSS 样式
在 el-dialog 的样式中添加以下样式代码来隐藏头部：

.el-dialog__header {
  display: none;
}

方法二：使用属性
在 el-dialog 组件中添加 `show-header` 属性并将其设置为 false，如下所示：

<el-dialog show-header="false">
  <!-- dialog content -->
</el-dialog>

这些方法都可以去掉 el-dialog 的头部。你可以根据自己的需求选择其中一种方法。

相关问题

在el-dialog中打开 el-dialog 去掉遮罩层后先打开的el-dialog不能操作

在el-dialog中打开el-dialog后，如果去掉了遮罩层，那么先打开的el-dialog将无法操作。为了解决这个问题，可以在新打开的el-dialog中设置`append-to-body="true"`。这样可以将el-dialog的DOM元素直接添加到body中，避免了嵌套的问题，使得先打开的el-dialog可以正常操作。

具体代码如下：

<template>
  <el-dialog title="表单" :close-on-click-modal="false" width="80%" :append-to-body="true" :visible.sync="visible">
    <!-- el-dialog的内容 -->
  </el-dialog>
</template>

这样设置后，先打开的el-dialog就可以正常操作了。

el-dialog 自定义头部

要自定义 `el-dialog` 组件的头部，可以使用 `header` 插槽。以下是一个示例：

<template>
  <el-dialog :visible="dialogVisible">
    <template #header>
      <div class="custom-header">
        <!-- 自定义头部内容 -->
      </div>
    </template>
    <!-- 对话框内容 -->
  </el-dialog>
</template>

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

<style scoped>
.custom-header {
  /* 自定义头部样式 */
}
</style>

在上述示例中，我们使用了 `header` 插槽来自定义 `el-dialog` 组件的头部。你可以在 `#header` 标签内放置自己的内容，实现自定义的头部样式。在这个示例中，我们给头部容器 `div` 添加了一个类名为 `custom-header`，你可以根据需要添加样式来自定义头部的外观。

在实际使用中，你可以根据具体的需求来对头部进行自定义，例如添加标题、图标、按钮等元素来满足你的设计要求。