vue3+ts+vite+element plus 实现table勾选、点击单行都能实现多选

需求：table的多选栏太小，点击的时候要瞄着点，不然选不上，要求实现点击单行实现勾选

<ElTableborder:data="tableDataD"style="width: 100%"max-height="500"ref="multipleTableRef"@selection-change="handleSelectionChange"@row-click="handleRowChick"><el-table-column type="selection" width="55" /><el-table-column type="index" width="50" /><el-table-column prop="variableName" label="Variable Name" /><el-table-column prop="weight" label="Weight" /></ElTable>const weightList = ref([])
const handleSelectionChange = (val: any) => {weightList.value = valconsole.log(weightList)
}const handleRowChick = (row) => {const selected = weightList.value.some((item) => item.variableName === row.variableName)if (!selected) {weightList.value.push(row)multipleTableRef.value.toggleRowSelection(row)} else {const weightListNew = weightList.value.filter((item) => {return item.variableName !== row.variableName})weightList.value = weightListNewmultipleTableRef.value.toggleRowSelection(row, false)}
}