Element-ui中的table相关操作

1、点击表格第一个复选框全选所有行:

事件“select-all”:



2、点击表格第一个复选框取消全选所有行:

3、点击按钮获取表格中所有数据:

4、点击按钮获取表格中所有选择的行:

获取选择行




getSelection() {
   let selection = this.$refs.multipleTable.selection;
   console.log(selection);
}

5、选择某一行时获取该行数据:

事件:select

5、点击某一行时获取该行数据:

事件:row-click

6、取消所有选择:

方法:clearSelection()

this.$refs.multipleTable.clearSelection();

 

 

你可能感兴趣的:(element,vue.js)