el-table部分选中时，显示全选样式，class:is-indeterminate丢失原因及解决方法

 目录

一、问题

 二、原因及解决方法

三、总结

---

一、问题

1.el-table默认部分选中时，全选会有如图1-1所示的样式。但是开发时却发现该样式失效了，没有is-indeterminate这个类了！！！，部分选中时直接呈现了全选的样式，如图1-2所示。

图1-1 部分选中的正常样式

图1-2  部分选中显示全部选中的样式

 二、原因及解决方法

1.elemen是根据什么区分全部选中和部分选中呢？不知道呀，不知道呀。

2.最后想起了row-key属性，应该是用来区分不同行的。

3.设置了row-key='id'后（id为每条数据的唯一标示字段名称),竟然好了。

 

4.刚开始显示全选的原因：没有设置row-key:每条数据的key值都一样,element内部无法区分不同行的数据，把所有行看成一样的了。

三、总结

1.el-table部分选中后，半不选中样式显示成全选，可以尝试 给 el-table添加 row-key属性，值设置为每行数据的唯一标识字段即可。

2.迷迷糊糊，恍恍惚惚的解决的问题，真有意思！

/*

希望对你有帮助！

如有错误，欢迎指正，非常感谢！

*/