element表格點擊行即選中該行復選框

關鍵代碼如下

<el-table ref="multipleTable" :data="tableData" highlight-current-row tooltip-effect="dark" style="width: 100%" @selection-change="handleSelectionChange" @row-click="handleRowClick">
</el-table>

<script>
  export default {
    methods: {
      //點擊復選框觸發，復選框樣式的改變
      handleSelectionChange(val) {
        this.multipleSelection = val;
      },
      //點擊行觸發，選中或不選中復選框
      handleRowClick(row, column, event){
          this.$refs.multipleTable.toggleRowSelection(row);
      }
    }
  }      
</script>

效果圖如下所示