2022/08/24 ML 1MD

95 阅读1分钟

1、对树型结构的数据进行拆解

getAllNodes(node = [],arr=[]) {
  for(let item of node) {
    arr.push(item)
    let parentArr = []
    if(item.children) parentArr.push(...item.children)
    if(parentArr && parentArr.length) this.getAllNodes(parentArr,arr)
  }
  return arr
},

2、对el-tree的处理,只显示勾选的内容

<el-tree :data="treeData" :props="defaultProps"
         icon-class="el-icon-arrow-right"
         node-key="id" ref="tree"
         :default-checked-keys="selectData"
         default-expand-all :filter-node-method="filterNode">

</el-tree>
updated() {
   this.fiterTree()
},

```
//过滤未选中的节点
fiterTree(){
  this.$refs.tree.filter()
},
filterNode(value,data,node) {
  if(node.checked){
    return true
  }
  return  false

},
```