el-tableselection-change事件

### 使用 `el-table` 的 `selection-change` 事件

当使用 Element UI 的 `el-table` 组件时，可以通过监听 `selection-change` 事件来响应多选框的选择变化。此事件会在选择项发生变化时触发，并传递当前已选项作为参数。

#### HTML 结构
定义表格并启用多选列：

<template>
  <div>
    <el-table ref="multipleTable" :data="tableData" @selection-change="handleSelectionChange">
      <el-table-column type="selection"></el-table-column>
      <el-table-column prop="date" label="日期"></el-table-column>
      <el-table-column prop="name" label="姓名"></el-table-column>
      <el-table-column prop="address" label="地址"></el-table-column>
    </el-table>
  </div>
</template>

#### JavaScript 方法
编写处理函数用于捕获选择的变化情况：

<script>
export default {
  data() {
    return {
      tableData: [
        { date: '2016-05-03', name: 'Tom', address: 'No. 189, Grove St, Los Angeles' },
        { date: '2016-05-02', name: 'John', address: 'No. 189, Grove St, Los Angeles' }
      ],
      multipleSelection: []
    };
  },
  methods: {
    handleSelectionChange(selection) {
      this.multipleSelection = selection;
      console.log('Current selected items:', selection);
    }
  }
};
</script>

通过上述代码，在每次用户改变所选行之后都会调用 `handleSelectionChange` 函数并将新的选定记录列表传入该函数中[^1]。