[TOC] >[success] # element-ui的popover組件位置偏移 [參考文章](https://blog.csdn.net/xssxxssx/article/details/103084087) 在使用 **element-ui** 的 **popover組件** 時經常會有 **內容溢出到屏幕外** 的情況，這種情況需要重新計算內容高度，在 **接口返回數據時** 需要 **通過ref執行一次更新方法** 即可，代碼如下： ~~~ <template> <el-popover ref="dcPopover" placement="top" width="1500" trigger="click"> <el-table :data="diseaseScaleData"> <el-table-column label="定量描述" prop="quantitativeDesc"/> </el-table> <i class="el-icon-question help" slot="reference"></i> </el-popover> </template> <script> export default { created(){ this.getData() }, methods:{ async getData(){ try{ // 請求接口 const res = await getDataInfo() // 重新計算 this.$nextTick(()=> { this.$refs.dcPopover.updatePopper() // 注意主要是這里 }) } catch(err){ console.warn(e) } } } } </script> ~~~