element ui全选，反选，不选

element ui全选，反选，不选

element ui中多选框的全选，反选，不选业务都已经封装好了，但可能还有小伙伴不会使用，在这里我来讲解一下，顺便帮你们小小的了解一下element ui，首先说明，既然用了element ui那么就要秉持一件事，可以cv坚决不手写。

开始之前，先看看这个图

然后看全选，全不选
最简单的就是这两个，因为element ui中可以复制。。。。。它们可以共用一个方法，当全选时把整个列表数据传过来，全不选时则什么都不传

然后就是反选

在ui的表格中有一个select-change方法，他的意思是当选择项发生变化时会触发该事件，方法中带有一个参数，这个参数就是某一个多选框改变且为选中时该行的数据，把这些数据放到一个集合中（这里的等于号不是替换，而是追加）

当获取到选中状态的集合时，有些小伙伴可能就有思路了

在全选的方法中循环遍历列表中的所有数据，然后判断已选中的列表中是否有某一行的数据，如果有，证明是选中状态，我们调用第一张图的第二个方法给它一个false就可以了，如果已选中列表中没有，那证明是未选中状态，参数来个true，就可以实现反选了

标签：反选,不选,element,全选,ui,选中
来源： https://blog.csdn.net/qq_41905890/article/details/110470220