關(guān)鍵代碼
check-strictly //?在顯示復(fù)選框的情況下,是否嚴(yán)格的遵循父子不互相關(guān)聯(lián)的做法泵殴,默認(rèn)為 false
加上check-strictly屬性之后父子級(jí)將不會(huì)互相影響秀又,再通過(guò)checkChange方法去遍歷子級(jí)
template
<el-tree
? ? ? ? ? ? ? check-strictly
? ? ? ? ? ? ? :data="menuList"
? ? ? ? ? ? ? :props="{ label: 'name', children: 'children' }"
? ? ? ? ? ? ? node-key="id"
? ? ? ? ? ? ? ref="listTree"
? ? ? ? ? ? ? accordion
? ? ? ? ? ? ? show-checkbox
? ? ? ? ? ? ? @check-change="checkChange"
? ? ? ? ? ? >
? ? ? ? ? ? </el-tree>
js
checkChange (a, b, c) {
? ? ? this.findChildren(a, b, c)
? ? },
? ? findChildren (current, b, c) {
? ? ? this.$refs.listTree.setChecked(current.id, b, c)
? ? ? const d = current.children
? ? ? if (d.length > 0) {
? ? ? ? d.forEach(a => {
? ? ? ? ? this.findChildren(a, b, c)
? ? ? ? })
? ? ? }
? ? },