在el-popver標簽中添加屬性

ref="newProjectPopover"
:popper-options="{ boundariesElement: 'viewport', removeOnDestroy: true }"

可以查看poper.js的官方文檔

在dom渲染之后調用方法：

  mounted() {this.$refs.newProjectPopover.updatePopper();// 或者 在你請求接口后，await this.$nextTick();},

著樣update之后就可以正常顯示位置了

總結

以上是生活随笔為你收集整理的element-ui的popover组件没有在正常位置弹出的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。