关键代码
check-strictly // 在显示复选框的情况下,是否严格的遵循父子不互相关联的做法,默认为 false
加上check-strictly属性之后父子级将不会互相影响,再通过checkChange方法去遍历子级
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)
})
}
},