一、問題描述:
使用el-tree來展示機構(gòu)樹,如果使用官方文檔內(nèi)的方法只能找到所有全選,或者所有辦選的節(jié)點。無法將子節(jié)點已經(jīng)全部被選中的父節(jié)點單獨取出。
二、處理方案:
<script>
// 取出所需節(jié)點
methods:{
getSimpleCheckedNodes(store) {
const checkedNodes = [];
const traverse = function(node) {
const childNodes = node.root ? node.root.childNodes : node.childNodes;
childNodes.forEach(child => {
if (child.checked) {
checkedNodes.push(child.data);
}
if (child.indeterminate) {
traverse(child);
}
});
};
traverse(store)
return checkedNodes;
}
}
。。。。。。。
// 調(diào)用
this.getSimpleCheckedNodes(this.$refs.checkTree.store) // checkTree為el-tree 的ref
</script>