buildadmin+tp8表格操作(2)----表头上方按钮绑定事件处理,实现功能(全选/全不选)

buildAdmin 表格上方的按钮添加完成之后, 就要对其实现功能了
buildadmin+tp8表格操作(2)----表头上方按钮绑定事件处理,实现功能(全选/全不选)_第1张图片
有了上面的说明, 我就只要得到了 ref 中的表格对象, 就可以象el-table 一样来操作表格的属性和方法了

buildadmin+tp8表格操作(2)----表头上方按钮绑定事件处理,实现功能(全选/全不选)_第2张图片
我们来实现上面的几个按钮的方法

全选/全不选

buildadmin+tp8表格操作(2)----表头上方按钮绑定事件处理,实现功能(全选/全不选)_第3张图片
buildadmin+tp8表格操作(2)----表头上方按钮绑定事件处理,实现功能(全选/全不选)_第4张图片

buildadmin+tp8表格操作(2)----表头上方按钮绑定事件处理,实现功能(全选/全不选)_第5张图片
上面就是添加按钮功能的全过程
buildadmin+tp8表格操作(2)----表头上方按钮绑定事件处理,实现功能(全选/全不选)_第6张图片
功能实现
同时我们还可以得到所有选中行的 Row 列表,这样当我们与后端交互的时候就可以把 数据的 id 传组后端,处理了
buildadmin+tp8表格操作(2)----表头上方按钮绑定事件处理,实现功能(全选/全不选)_第7张图片
上面获取到了选择的行的 rows 信息,就可以把选中的行, 发送给后端处理了

你可能感兴趣的:(buildadmin,buildadmin)