vue element ui 在table内使用el-popover遇到的问题

本文探讨了在鼠标悬停时Popover弹窗显示异常的问题,特别是在数据动态变化后,如删除或新增备注时,Popover可能无法正确显示。通过将v-if替换为v-show,解决了动态数据更新导致的Popover显示问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

先看效果

鼠标悬停的时候出现popover弹窗提示,有提示的时候显示  没提示的时候不显示“拣”

遇到的问题: 当删除表格中的某一行时  或者某一行原本没有备注,新增了一个备注的时候,鼠标悬停的时候popover弹窗不出来

刚加载的时候是正常的,但是当把第一行的数据删掉之后,popover弹窗就出不来了,这时候的代码,数据重新加载之后生成的代码如图:,可以看到,其实popover是生成了的,但是正常渲染之后是这样子

解决办法:

把v-if改成v-show就好了,刚开始用v-if不满足条件的就不会渲染啦,改成v-show之后就好啦。。。。。。搞了老半天(o(╥﹏╥)o)

 

评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值