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

需求：当双击表格某一行任意位置时，自动勾选上其前面的复选框

1、在el-table 组件的每一行添加@row-dblclick事件，用于双击点击

  <el-table:data="tableData"ref="tableRef"@selection-change="handleSelectionChange"@row-dblclick="handleRowClick">
<el-table-column type="selection" fixed width="55" align="center" /><el-table-columntype="index"fixedlabel="序号"width="75"align="center"/>
</el-table>

2、定义方法在 `handleRowClick` 方法中，通过修改 `row` 对象中的某个属性来标记该行是否被选中，调用 `toggleRowSelection` 方法来切换多选框的勾选状态。

const sourceRef = ref();

//双击
const handleRowClick = (row) => {console.log(row, "双击--");row.isSelected = !row.isSelected;tableRef.value.toggleRowSelection(row);
};