handleCheck(checkedKeys,checkedNodes,halfCheckedKeys,halfCheckedNodes){var len = 0,num = 0;var _alen = 0;var a =[];var b =[];var copyArr =[];for (var i = 0;i < checkedNodes.checkedNodes.length;i++){//記錄子節(jié)點的索引

if (checkedNodes.checkedNodes[i].children === null) {

len++;

b.push(i)

}//判斷是否有全選，如果有，則獲取父節(jié)點信息的索引

if (checkedNodes.checkedNodes[i].children != null) {

num++;

a.push(i)

}

}

console.log('num')

console.log(checkedNodes.halfCheckedKeys)

console.log(num)

console.log('a')

console.log(a)//如果都是半選狀態(tài)

if ( num === 0) {//將全是半選的模式設(shè)置為1

this.flag = 1

//將父節(jié)點信息和子節(jié)點信息加入到param數(shù)組中(這個數(shù)組與后臺數(shù)據(jù)交互)

this.param =[]

let _pollutant={}this.pollutant.projectId = this.iddthis.pollutant.subCateId = checkedNodes.halfCheckedKeys[checkedNodes.checkedKeys.length-1]this.pollutant.cateId = checkedNodes.checkedKeys[checkedNodes.checkedKeys.length-1]

Object.assign(_pollutant,this.pollutant)this.param.push(_pollutant)

console.log('半選狀態(tài)')

console.log(this.param)

}//如果都是全選狀態(tài)

if (num > 0 && checkedNodes.halfCheckedKeys.length === 0) {//如果由半選進入全選狀態(tài)，則將數(shù)組置空，然后將該父節(jié)點下的所有子節(jié)點放入數(shù)組中

if (this.flag === 1)this.param =[]//如果由混合進入全選狀態(tài)，這時如果將這個父節(jié)點的所有子節(jié)點加入數(shù)組則會有重復(fù)數(shù)據(jù)，這時需要刪除之前多加的數(shù)據(jù)

if (this.flag === 3) {this.param.splice(this.param.length-1,1)

}//獲取最新父節(jié)點的索引以及該父節(jié)點的長度

_alen= a.length-1;var length =checkedNodes.checkedNodes[a[_alen]].children.length;

console.log(length)//最新父節(jié)點下的所有子節(jié)點放到數(shù)組

for (var j = 0;j

let _pollutant={}this.pollutant.projectId = this.iddthis.pollutant.subCateId =checkedNodes.checkedNodes[a[_alen]].idthis.pollutant.cateId =checkedNodes.checkedNodes[a[_alen]].children[j].id

Object.assign(_pollutant,this.pollutant)this.param.push(_pollutant)

}

console.log('全選狀態(tài)')

console.log(this.param)//將當(dāng)前全選狀態(tài)設(shè)置為2

this.flag = 2;

}//如果是全選和半選都有

if (num > 0 && checkedNodes.halfCheckedKeys.length != 0) {

console.log(checkedNodes.checkedNodes)

console.log(checkedNodes.halfCheckedNodes)

_alen= a.length - 1console.log(a[_alen])//如果之前操作全是半選模式 或者是混合模式 ，則將全選的再加入數(shù)組

if (this.flag === 1 || this.flag === 3) {var length =checkedNodes.checkedNodes[a[_alen]].children.length;for (var j = 0;j

let _pollutant={}this.pollutant.projectId = this.iddthis.pollutant.subCateId =checkedNodes.checkedNodes[a[_alen]].idthis.pollutant.cateId =checkedNodes.checkedNodes[a[_alen]].children[j].id

Object.assign(_pollutant,this.pollutant)this.param.push(_pollutant)

}

}

console.log(this.flag)

console.log('flag')//將全選之后的節(jié)點放到數(shù)組中//如果之前操作全是全選，則將半選的再加入數(shù)組

if (this.flag === 2) {

console.log('CNlen')var CNlen = a[_alen] + checkedNodes.checkedNodes[a[_alen]].children.length +1console.log(CNlen)

console.log(checkedNodes.halfCheckedKeys.length)for (var i = CNlen;i < checkedNodes.checkedNodes.length; i++) {

let _pollutant={}this.pollutant.projectId = this.iddthis.pollutant.subCateId = checkedNodes.halfCheckedKeys[checkedNodes.halfCheckedKeys.length-1]this.pollutant.cateId =checkedNodes.checkedNodes[i].id

Object.assign(_pollutant,this.pollutant)this.param.push(_pollutant)

}

}

console.log('全選和半選')

console.log(this.param)this.flag = 3}

},

總結(jié)

以上是生活随笔為你收集整理的vue复选框组件自定义对勾_vue+element:树级复选框组件使用的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。