element ui 中的popover组件在table列表中使用的bug

bug场景:



在列表数据中使用,点击对应的查看按钮,每一页的最后一个无法正确弹出这个红色框,别的都是正常的。

查看代码:

      
        
      

发现每一个popover都是通过ref来关联的,这样导致同一个ref值对应多个数据,如何避免的?

想到了每次循环的时候拿index索引值进行修改popover3的值:

v-popover:popover3+scope.$index

然后就抱了一大堆错;于是乎去官网查了查反馈建议,发现原来不只是我一个人遇到的问题,于是乎代码改为以下:

        

slot="reference">点击查看

结果bug完美修复。


下面是效果图

element ui 中的popover组件在table列表中使用的bug_第1张图片


你可能感兴趣的:(element ui 中的popover组件在table列表中使用的bug)