element表格全选功能！！！！

element表格全选删除功能

// html
<el-table
          ref="multipleTable"
          :data="prohibitedList"
          tooltip-effect="dark"
          style="width: 100%"
          @selection-change="handleSelectionChange"
        >
</el-table>   
 <div>
        <el-button
          type="primary"
          size="small"
          @click="removeList()"
          :disabled="this.sels.length === 0||this.disabled"
        >批量删除</el-button>
      </div>

data(){
return {
 disabled: true,
      sels: [], //被选中的记录数据-----对应“批量删除”传的参数值
	}
}

methods: {
 //选中数据
    handleSelectionChange(sels) {
      this.sels = sels
      //遍历选中的数组
      for (let prohibitedList of this.sels) {
        this.disabled = false
      }
      let length = this.sels.length
    },
    removeList() {
      let ids = this.sels.map((item) => item.id).join()
      this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning',
      })
        .then(
          () => {
            delRestrict({
              ids: ids,
            }).then((response) => {
              this.$message({
                type: 'success',
                message: '删除成功!',
              })
              this.getList()
            })
          }
       
        )
        .catch(() => {
          this.$message({
            type: 'info',
            message: '已取消删除',
          })
        })
    },
}