element-plus 的对话框el-dialog组件的append-to属性如何使用？

Element Plus 的 `el-dialog` 组件的 `append-to` 属性用于指定对话框的内容元素将被附加到 DOM 中的哪个元素上。这个属性通常在动态创建对话框或者需要控制其插入位置时很有用。

当你希望对话框不是默认添加到 body 元素中，而是添加到某个特定容器或已有元素内部时，可以设置 `append-to`。例如：

<div id="customParent">
  <button @click="openDialog">打开对话框</button>
</div>

<template>
  <el-dialog :append-to="$refs.customParent" title="对话框标题">
    <!-- 对话框内容 -->
  </el-dialog>
</template>

<script>
export default {
  methods: {
    openDialog() {
      this.$refs.dialog.open(); // 确保你在调用 open 方法前已经绑定了 ref 到 el-dialog 上，如：ref="dialog"
    }
  }
}
</script>

在这个例子中，点击按钮会弹出一个对话框，它会被附着到 id 为 "customParent" 的 div 元素内。