对话框内部下拉框会在左上角

在对话框内打开下拉框后点击关闭按钮，尚未关闭的下拉框会在左上角出现（或闪现）

 解决方案：

popper-append-to-body 此方法失效，改用 :teleported="false"

teleported：是否将 popover 的下拉列表插入至 body 元素 默认值为true

把这个属性改为false，成功了！！！ 但是为什么呢

将 popover 的下拉列表插入至 body 元素不应该也生效吗？？

经过查看HTML结构，我发现了问题

这个插入body元素确实是插入了body元素中，但是它是仅是降了一级成为了body的children

它和我们组件的内容成为兄弟关系了！

<el-select v-model="ruleForm.lx" clearable filterable :teleported="false">
  <el-option v-for="item in Data" :key="item.value" :label="item.name" :value="item.value" />
</el-select>

参考：

        评论中8-9楼：https://www.cnblogs.com/liruilong/p/12220610.html

        原文链接：https://blog.csdn.net/qq_49907632/article/details/129015419