el-tree 展开 折叠

 

<el-tree ref="tree" :data="menuList" node-key="xxKey" show-checkbox :props="defaultProps"></el-tree>

---

！！！

default-expand-all属性默认是false，为false的时候，下面的展开、折叠不生效——是一个bug

 

展开

this.$refs.tree.$children.forEach(i => i.expanded = true)

折叠

this.$refs.tree.$children.forEach(i => i.expanded = false)

---

通过节点的key(如上面的xxKey)字段的值设置、通过节点对象设置

 

// 获取当前选中的节点，返回由节点的key字段对应值组成的数组

this.$refs.tree.getCheckedKeys()

 

 

全选

this.$refs.tree.setCheckedNodes(this.dataList) // 直接赋值节点数组