iView踩坑日记(二)

前言:上一篇踩坑日记是大概一周前的事故(故事),这一篇是刚刚发生在周四的bug。只是记录自己的踩坑史,如果对大家有所帮助那是再好不过。


iView表格Table

        我当时在做一个表格联选的功能,大概就是上下两个表格,上边的行选中后出现在下面的表格中,取消选中后就从下面表格剔除,下面表格的选中状态都是已选中,点击取消选中后就提出该数据并且也修改上面表格对应数据的状态

        实现功能的路上遇到了两个难点:

        一、iview的table组件中,并没有直接控制某行数据选中的属性(有一个_checked属性可以设置默认选中,但是当它为false时并不会显示为未选中,这个属性也不会触发on-select等事件),在百度之后,发现通过调用组件的toggleSelect(index)函数后(可以触发on-select等事件,感兴趣可以自行前往该博客iview table 中的checkbox 填坑_官尔的博客-CSDN博客_iview的checkbox),可以修改选中状态,但是也只能修改状态,而不是变为指定的选中/未选中状态,经过一番探索之后也勉强解决了这个问题

        二、在这个组件里,渲染过程中出现bug,当取消了下面表格的第一行选中后,该行数据确实消失了(自己实现的功能),但是顶替它位置的行选中状态居然变为成未选中,经过多次测试后发现,选中状态是正确的,那就是渲染问题了,看了某博客icon-default.png?t=M666http://t.zoukankan.com/dudeyouth-p-10730618.html吐槽后才注意到,iview有一个row-key属性来实现类似diff算法key的功能,个中缘由不得而知,这个功能也不太注重性能,也算是顺利解决了,不过这个row-key属性是布尔类型或者字符串的"true","false",并不是diff算法那样绑定唯一值哦

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值