el-dialog 样式穿透 修改dialog样式 怎么修改 el-dialog 在body上如何不在body

如果 `el-dialog` 组件在 `body` 上，而你又不想让它在 `body` 上显示，可以通过设置 `modal-append-to-body` 属性来将遮罩层和弹窗插入到指定的元素上，而不是插入到 `body` 上。例如：

<template>
  <div>
    <el-button @click="showDialog">显示对话框</el-button>
    <div class="dialog-container"></div>
  </div>
</template>

<script>
export default {
  methods: {
    showDialog() {
      this.$dialog({
        title: '对话框标题',
        message: '对话框内容',
        modalAppendToBody: false, // 不插入到 body 上
        appendTo: '.dialog-container', // 插入到指定元素上
      });
    },
  },
};
</script>

在上面的例子中，设置了 `modalAppendToBody: false` 属性来阻止遮罩层和弹窗插入到 `body` 上，而是插入到 `.dialog-container` 元素上。注意，为了让元素正确地插入到指定的容器中，需要同时设置 `appendTo` 属性。