div里加el-dialog

要在 div 中添加 el-dialog，可以按照以下步骤进行：

1. 在 div 中添加一个按钮或者其他元素，用于触发 el-dialog 的显示。
2. 在 div 中添加 el-dialog 组件，设置其属性和插槽，例如 title、visible、width、before-close 等。
3. 在按钮或其他元素的点击事件中，设置 el-dialog 的 visible 属性为 true，即可显示 el-dialog。

示例代码如下：

<template>
  <div>
    <button @click="dialogVisible = true">打开对话框</button>
    <el-dialog
      title="对话框标题"
      :visible="dialogVisible"
      :before-close="handleClose"
      width="50%">
      <p>这是对话框的内容</p>
    </el-dialog>
  </div>
</template>

<script>
export default {
  data() {
    return {
      dialogVisible: false
    }
  },
  methods: {
    handleClose(done) {
      // 在这里可以进行一些关闭前的操作
      done(); // 调用 done() 方法关闭对话框
    }
  }
}
</script>