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

Posted 2021-06-29 晚星@

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了element-UI 表格单击行时选中该行CHECKBOX相关的知识，希望对你有一定的参考价值。

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;
    },
    
  },

在这里插入图片描述

以上是关于element-UI 表格单击行时选中该行CHECKBOX的主要内容，如果未能解决你的问题，请参考以下文章