el-tree 點選父級或者父級的checkbox,展開所有子集
阿新 • • 發佈:2022-04-14
<el-tree
:data="authData"
show-checkbox
:check-strictly="true"
:check-on-click-node="true"
node-key="_id"
ref="yourTreeId"
@check-change="getCheckedKeys"
highlight-current
:props="defaultProps"
:filter-node-method="filterAuthData"
@check="handleCheck "
>
</el-tree>
methods: {
//點選父級展開所有子選單
handleCheck(data){
let expandedData = this.$refs.yourTreeId.store.nodesMap;
expandedData[data._id].expanded = true;
if(data?.children?.length){ //有多少層子集,迴圈多少次
data?.children?.map(obj=>{
expandedData[obj._id].expanded = true;
if(obj?.children?.length){
obj.children.map(obj2=>{
expandedData[obj2._id].expanded = true;
})
}
})
}
},
}