vue table组件删除或新增行时,当前行的组件没有被删除

在Vue的table组件中,当行内校验失败时会出现hover提示组件。如果新增多行并进行校验后删除一行,然后再次新增一行,之前删除行的提示组件仍存在,而新增行却没有提示。解决方法是确保在删除行操作时正确移除相关的组件实例,以避免残留。
摘要由CSDN通过智能技术生成

场景:table组件每一行,每一列校验不通过都会显示tips(hover提示)组件,页面有校验按钮,当新增一行,点击校验,校验不通过的行具体到某一列数据会显示tips提示组件,当新增两行填数据后,点击校验按钮,两行都有出现校验不通过的tips提示,删除其中一行,再新增一行,未校验的情况下,之前删除的那行的tips提示还在,再新增一行,没有tips提示组件,也就是删除时,只删除了当前行,当前行的组件未删除。
解决:

handlerDeleteInfoGuaran(index){
   
	this.InfoGuaranTableData.splice(index,1)
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值