select-all:全选复选框时调用
select:点击某行的复选框时调用
row-click:点击行时调用
rowClick(row, event, column) { //设置选中行高亮, 需要先清除选中的行,否则虽然高亮选中了一行,其实选中集数组对象selection还是包含多条数据
this.$refs.table.clearSelection(); //清除所有选中数据
this.$refs.table.toggleRowSelection(row); //设置选中行高亮
this.oadArr = Object.assign({},this.selectOiLstNode.Oad,{"Pos":row.Pos})
this.getlstOiItem(this.oadArr);
},
特别注意:
row-click 和 select-all 、select 操作的是同一个选中集数组对象selection,所以在进行实际操作时要注意数组数量
本文描述了在表格应用中处理复选框事件的方法,包括全选(select-all)、单行选择(select)以及行点击(row-click)。在row-click事件中,需注意清除并设置选中行,同时更新关联的数据对象。文章强调了所有这些操作都涉及到同一选中集数组对象(selection),因此需谨慎处理数组状态。
1万+

被折叠的 条评论
为什么被折叠?



