纵有疾风起
人生不言弃

vue做批量删除时要注意

用vue做批量删除时,是很容实现的。

但在删除完更新数据时要注意,

_.forEach(_this.indexs,function(value){

//_this.shelves.splice(value,1,1);//方法1

_this.shelves.splice(value,1,null);//方法2

console.log(‘delBookshelves’,_this.shelves);

}

)

很容易就想到拿数组索引作为了删除下标,如@方法1所示,

但是会改动下标,就是说你可能想删除下标是1,2,4,三个数据,

但最后发现删除后更新的数据并不完全是你没删除剩下的。因为下标改动。

当js删除下标是1的时,下标是2的马上就变成了下标1,这样下标是2的的数

据就还有在上面显示,然后下标是3的反而不见了,下标是4的数据到了原先

下标3的位置。

所以改用@方法2是对的。

在vue数据渲染时判断值不是NULL就行。

 

 

 

 

未经允许不得转载:起风网 » vue做批量删除时要注意
分享到: 生成海报

评论 抢沙发

评论前必须登录!

立即登录