使用elementui的table复选框实现反选

其中需要用到elementui的table复选框的selection-change事件,toggleRowSelection的Table Methods方法实现。给勾选中的table行添加一个数组属性为布尔值,然后把未勾选中的行数通过es6的filter过滤,放到一个新的数组中。反选的时候,把含有数组中的a赋值为true,然后用foreach循环选中的那几行,通过toggleRowSelection(row, false),把选中的变成未勾选的,再通过循环未勾选的行数,通过toggleRowSelection(row)实现未勾选的变成勾选的,但是要判断row.a不存在,才能执行把未勾选的变成勾选的。最后,把未勾选的row,改row含有a的属性需要用循环把他们给delete掉。

使用elementui的table复选框实现反选_第1张图片

上面的这种方式可以实现 

你可能感兴趣的:(使用elementui的table复选框实现反选)