el-popover无法弹出的问题解决

1、不能再el-popover上⾯使⽤v-if进⾏显⽰隐藏,应该⽤v-show
2、在每⼀个el-popover上都增加⼀个ref确定每个el-popover都是唯⼀的,
:ref="`node-popover-${scope.row.id}`"
3、需要使⽤slot="reference"定义由哪个元素触发事件。

除此之外,还有一种特殊情况就是在table使用el-popover也可能会无法弹出,原因是在table中如果有两行的key是相同的,那么table就不会对这一行再进行一次渲染,如果第一行没有使用到el-popover组件,那么与它key相同的所有行都不会再进行渲染。

所以,再table中使用el-popover时,一定要保证每一行的key都是唯一的。

posted @ 2023-05-15 17:38  LT先生  阅读(578)  评论(0编辑  收藏  举报