el-tree全部收缩

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
    }
  },

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值