vue 带全选和多选的表格怎么写_vue table 表格中 checkbox 全选 、反选、单选

全选

handleAllClick(){ //@click.prevent="handleAllClick" :checked="selectAllChecked"

if(this.selectAllChecked){

//全选->全不选

for (let i = 0, length = this.currentPageList.length; i < length; i++) {

if (this.currentPageList[i].isChecked && (this.currentPageList[i].isDisabled == false)) {

this.currentPageList[i].isChecked = false;

}

}

this.resetSelectedEditCountList(); //重置选择列表

}else{

// 不全选->全选

let uTempArr = [];

for (let i = 0, length = this.currentPageList.length; i < length; i++) {

if ((!this.currentPageList[i].isChecked) && (this.currentPageList[i].isDisabled == false)) {

this.currentPageList[i].isChecked = true;

uTempArr.push(this.currentPageList[i])