iView踩坑日记(二)

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

---

iView表格Table

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

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

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

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