element tree树形结构设置默认展开几级

1.设置node-key属性， 用来作为唯一标识 node-key=“id”

2.设置default-expanded-keys属性，默认展开的节点的 key 的数组

页面

 

       
         
           {{ node.label }} 
         
       

1
2
3
4
5
6
7

data定义了一个数组treeData用于存放默认展开的节点的 key 的数组

data() {
    return {
      treeData:[]
    }
}
1
2
3
4
5

接口请求完调用

this.getDefaultShowNodes(3, this.data5) //第一个参数，展开的数量,第二个数据
1

    getDefaultShowNodes(num, children) {
      --num
      if (num >= 0) {
        for (let i = 0; i < children.length; i++) {
          this.treeData.push(children[i].id)
          if (children[i].children) {
            this.getDefaultShowNodes(num, children[i].children)
          }
        }
      }
    },
1
2
3
4
5
6
7
8
9
10
11