el-tree setChecked实现父子不联动

2024.1.29今天我学习了如何使用el-tree的setChecked用法,在使用el-tree的时候我们需要进行回显情况:如:

[{id:'1',name:'张三',
children:[{id:'1-1',name:'张三四'},{id:'1-2',name:'张三五'}]},
{id:'2',name:'李四'}]

如果我们存id:  ['1','2'],是可以把整个树都回显,但是如果在id为2的父数据里面添加子节点,如:

[{id:'1',name:'张三',
children:[{id:'1-1',name:'张三四'},{id:'1-2',name:'张三五'}]},
{id:'2',name:'李四',
children:[{id:'2-1',name:'李四三'}]}]

这样会把'2-1'的子节点也一起回显了,这就是父子联动。

但是我们希望的是父节点变化,子节点不受影响,也就是父子不联动。

我们可以使用setChecked方法:

let all_codes = ['1','1-1','1-2','2']
   all_codes.forEach(item=>{
      this.$refs.tree.setChecked(item,true,false)//判断子节点数据是否存在,存在则回显,不用深度遍历
})

这样就可以实现父节点变化,子节点自己改变。

最近更新

  1. TCP协议是安全的吗?

    2024-01-30 13:00:01       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-01-30 13:00:01       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-01-30 13:00:01       18 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-01-30 13:00:01       20 阅读

热门阅读

  1. Qt基础-QDialog对话框使用

    2024-01-30 13:00:01       37 阅读
  2. IOS 计算富文本的高度方法

    2024-01-30 13:00:01       41 阅读
  3. 再学css

    再学css

    2024-01-30 13:00:01      30 阅读
  4. PySimpleGUI界面读取PDF转换Excel

    2024-01-30 13:00:01       35 阅读
  5. 蓝桥杯-岛屿个数-bfs-dfs算法

    2024-01-30 13:00:01       34 阅读
  6. 华为HCIP Datacom H12-831 卷16

    2024-01-30 13:00:01       42 阅读
  7. 蓝桥杯---错误票据

    2024-01-30 13:00:01       33 阅读
  8. 糊涂工具包使用 记录

    2024-01-30 13:00:01       39 阅读
  9. 51单片机点灯

    2024-01-30 13:00:01       29 阅读
  10. Redis:企业级的深入

    2024-01-30 13:00:01       26 阅读
  11. C语言数据结构——单链表

    2024-01-30 13:00:01       45 阅读