在vux的table中使用el-popover的时候有时候会出现没有规律的弹框不显示的情况,简要记录原因及解决方案列出:
1、不能再el-popover上面使用v-if进行显示隐藏,应该用v-show
原因:v-show保证了悬浮DOM是append在页面body,使用v-if导致悬浮DOM位于代码逻辑处,容易导致边界样式层叠异常,且无法用z-index解决
2、在每一个el-popover上都增加一个ref确定每个el-popover都是唯一的,
:ref="`node-popover-${scope.row.id}`"
3、使用slot="reference"加载html,控制DOM展示/隐藏时,尽量加在此处,而非