el-tree,没有提供全部收缩api给我们
但是他是利用expanded属性来控制收缩的
所以我们可以遍历他节点属性
this.$refs.tree.root.childNodes.forEach((e) => {
e.expanded = false;//这个是控制收缩展开
ele.checked=false//这个控制是否选择 要在复选款模式下消
// 这个可以适用于懒加载的时候 全部取选择状态
});
//懒加载的情况下更新数据
//在data下新建两个变量 缓存我们的loadNode的两个参数 node 和resolve
loadNode(node, resolve) {
console.log(node)
if (node.level === 0) {
this.rootNode = node//level0的时候 更新树结构数据
this.rootResolve = resolve
}
}
resetNode(){//更新懒加载树结构数据方法
var theChildren = this.rootNode.childNodes
theChildren.splice(0, theChildren.length)
this.loadNode(this.rootNode, this.rootResolve)
},
watch:{
treeData:{
handler(){ //treeData数据变化更新树结构数据
this.rootNode&&this.resetNode()
},
deep:true
}
},