对el-dialog二次封装，如何使用原有的插槽

在Vue.js中对`element-ui`库中的`el-dialog`组件进行二次封装并保留原生的插槽功能，通常需要创建一个新的自定义组件，并将`el-dialog`作为其内部组件。以下是一个简单的步骤说明：

1. 首先，导入`el-dialog`组件：

<template>
  <div>
    <el-dialog v-model="dialogVisible" :title="dialogTitle">
      <!-- 这里使用 slot -->
      <slot></slot>
    </el-dialog>
  </div>
</template>

2. 定义数据属性和方法，如显示和隐藏对话框的`dialogVisible`和`handleClose`：

<script>
export default {
  data() {
    return {
      dialogVisible: false,
      dialogTitle: '自定义标题',
    };
  },
  methods: {
    handleClose() {
      this.dialogVisible = false;
    },
  },
};
</script>

3. 现在你可以在父组件中像使用原始`el-dialog`一样使用它，同时利用内置的插槽插入内容：

<!-- 使用你的自定义Dialog组件 -->
<custom-dialog :dialogTitle="dialogTitle">
  <!-- 插入内容 -->
  <h4>这是对话框内的内容</h4>
  <p>可以添加更多的HTML结构...</p>
</custom-dialog>

当你打开或关闭对话框时，`handleClose`方法会被调用。通过这种方式，你既保持了原生组件的行为，又能够根据需求定制外观和交互。