vue element-ui checkbox table 实现


checkAll: false,
isIndeterminate: false,
checkedArrIds: [],
multipleSelection: [],
checkedIds: [],

handleCheckAllChange(val) {
this.checkedArrIds = val ? this.checkedIds : []
this.isIndeterminate = false
console.log(val)
console.log(this.isIndeterminate)
console.log(this.checkedArrIds)
console.log('checkedArrIds')
},
handleCheckedIdsChange(value) {
console.log(value)
console.log('valueeeeee')
const checkedCount = value.length
this.checkAll = checkedCount === this.checkedIds.length
this.isIndeterminate = checkedCount > 0 && checkedCount < this.checkedIds.length
console.log(value)
console.log(value.length)
console.log(this.isIndeterminate)
console.log('value')
},

   this.tableData = rs
          for (let i = 0; i < this.tableData.length; i++) {
            this.checkedIds.push(this.tableData[i].id)
            this.multipleSelection = this.checkedIds
          }

你可能感兴趣的:(vue element-ui checkbox table 实现)