表格中添加 事件@selection-change (回调参数为选中的选项)
事件名 | 说明 | 参数 |
---|---|---|
select | 当用户手动勾选数据行的 Checkbox 时触发的事件 | selection, row |
select-all | 当用户手动勾选全选 Checkbox 时触发的事件 | selection |
selection-change | 当选择项发生变化时会触发该事件 | selection |
方法名 | 说明 | 参数 |
---|---|---|
clearSelection | 用于多选表格,清空用户的选择 | — |
toggleRowSelection | 用于多选表格,切换某一行的选中状态,如果使用了第二个参数,则是设置这一行选中与否(selected 为 true 则选中) | row, selected |
toggleAllSelection | 用于多选表格,切换所有行的选中状态 |
methods: {
toggleSelection(rows) {
if (rows) {
rows.forEach(row => { this.$refs.multipleTable.toggleRowSelection(row) })
}
else {
this.$refs.multipleTable.clearSelection(); }
},i
选项框发生改变时记录选中的行数据
handleSelectionChange(val) {
this.multipleSelection = val;
}
}