在使用element组件情况下，实现全选、反选、取消选择

之前写的基本是理论。主要是业务代码比较繁琐而又复杂，我自己都难以彻底理解 现在写点实用的，最近一个项目，没有使用代码生成器等组件，就一个空白页让你写 在写主表单时，需要实现几个功能，全部展开，全部收起，全部选择，取消选择，反选

首先选择适合的组件，这里推荐使用

建议先把下面的方法介绍通读一遍

取消选择

直接复制element自带的方法就行了，真香

        if (rows) {
          rows.forEach(row => {
            this.$refs.multipleTable.toggleRowSelection(row);
          });
        } else {
          this.$refs.multipleTable.clearSelection();
        }
      },

其他两个方法都是在取消选择的基础上进行修改

全选

checkAll() {
				
            this.tableData.forEach(item => {
	    this.$refs.multipleTable.toggleRowSelection(item, true);
				});
			},

反选

反选在全选基础上稍微修改下就行

invertSelection() {
			this.tableData.forEach(item => {
			this.$refs.multipleTable.toggleRowSelection(item);
				});
			}

写出来后发现其实很简单，但是自己写的时候花费了不少功夫