element-UI 表格单击行时选中该行CHECKBOX

Posted 2021-06-29 晚星@

1.table上加上 @row-click=“handleClickTableRow”

2.单选框的checkbox那列加上 @selection-change=“handleSelectionChange”

3.table加上ref

4.实现1，2的方法

 methods: {
    handleClickTableRow(row, event, column) {
      console.log(row);
      console.log(column);
      this.$refs.fileTable.toggleRowSelection(row);
    },
       handleSelectionChange(rows) {
      console.log(rows);
      this.multipleSelection = rows;
    },
    
  },