toggleAll el-table 全选

在Element UI库中的`el-table`组件中，`toggleAll`通常是一个用于批量选择表格所有行的功能。当你需要让用户一键切换所有行的状态，比如全选或反选，可以利用这个特性。`toggleAll`方法通常是table组件提供的API之一，通过调用这个方法，你可以控制所有行的状态，例如设置它们的`selected`属性。

操作步骤一般如下：

1. 首先，在`el-table`组件上绑定`@selection-change`事件，当用户选择或取消选择某一行时，这个事件会被触发。
2. 在`methods`中定义`toggleAll`方法，接收一个布尔值作为参数，表示是否全部选中。然后遍历每一行，设置其`selected`属性等于传入的布尔值。

<template>
  <el-table :selection="multipleSelection" @selection-change="handleSelectionChange">
    <!-- table columns -->
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      multipleSelection: false, // 初始状态，默认未全选
    };
  },
  methods: {
    toggleAll(status) {
      this.$refs.table.selectAll(status); // 调用表格的selectAll方法，传入全选状态
    },
    handleSelectionChange(selection) {
      this.multipleSelection = selection.length === this.tableData.length; // 更新全局状态
    },
  }
};
</script>