el-table表格点击该行任意位置时也勾选上其前面的复选框

点击表格某一行任意位置时，自动勾选上其前面的复选框

要实现该功能，可以通过以下步骤来实现：

1. 首先，在 `el-table` 组件中的每一行添加一个 `click` 事件监听器，用于处理行的点击事件。

<el-table @row-click="handleRowClick">
  <!-- 表格内容 -->
</el-table>

2. 在 `methods` 中定义 `handleRowClick` 方法，该方法会在行被点击时触发。

methods: {
  handleRowClick(row) {
    // 在这里处理行点击事件
  }
}

3. 在 `handleRowClick` 方法中，通过修改 `row` 对象中的某个属性来标记该行是否被选中。

methods: {
  handleRowClick(row) {
    row.isSelected = !row.isSelected;
  }
}

4. 在表格的列定义中，添加一个自定义的列，用于显示多选框，并根据 `isSelected` 属性的值来确定是否勾选。 

⭕⭕⭕:selectable="row => !row.isSelected"这个不添加也可以

<el-table-column type="selection" :selectable="row => !row.isSelected"></el-table-column>

5. 最后，在 `handleRowClick` 方法中，调用 `toggleRowSelection` 方法来切换多选框的勾选状态。

methods: {
  handleRowClick(row) {
    row.isSelected = !row.isSelected;
    this.$refs.table.toggleRowSelection(row);
  }
}