elementplus el-popover里面放el-dialog，dialog在popover下方显示

你可以通过设置`el-dialog`的样式来实现在`el-popover`下方显示。首先，你需要确保`el-dialog`的父元素具有相对定位(`position: relative`)，以便进行定位。然后，你可以使用绝对定位(`position: absolute`)来将`el-dialog`放置在`el-popover`下方。

以下是一个示例代码：

<template>
  <div class="container">
    <el-popover ref="popover" placement="bottom" title="Popover">
      <el-button slot="reference">Click me</el-button>
      <el-dialog
        title="Dialog"
        :visible.sync="dialogVisible"
        :before-close="beforeClose"
      >
        <span>Dialog content</span>
      </el-dialog>
    </el-popover>
  </div>
</template>

<script>
export default {
  data() {
    return {
      dialogVisible: false
    };
  },
  methods: {
    beforeClose(done) {
      // 关闭 dialog 时同时关闭 popover
      this.dialogVisible = false;
      this.$refs.popover.doClose();
      done();
    }
  }
};
</script>

<style>
.container {
  position: relative;
}
.el-dialog {
  position: absolute;
  bottom: -100%;
  z-index: 9999; /* 可根据需求调整层级 */
}
</style>

在上述示例中，我们将`el-dialog`设置为绝对定位，并将其底部位置设置为负值，使其隐藏在父元素外部。然后，在需要显示`el-dialog`时，通过将`dialogVisible`设置为`true`来显示它。同时，我们通过调用`el-popover`的`doClose`方法来关闭`el-popover`，以保持一致的交互体验。

请根据你的实际需求调整代码，并确保为`el-dialog`和`el-popover`添加适当的样式和事件处理。希望能对你有所帮助！