美文网首页
tree为某一层级的全部数据添加属性

tree为某一层级的全部数据添加属性

作者: 扶得一人醉如苏沐晨 | 来源:发表于2023-05-12 17:43 被阅读0次

需求说明
tree数据某一层级的数据添加一个disabled属性并且为true

参数说明
depth起始的深度索引 number类型
handleDepth需要处理的层级的深度 number类型
tree 需要处理的树数据

export function addDisabledToDepthTree(tree = [], depth, handleDepth) {
  if (depth === handleDepth) {
    tree.forEach((item) => {
      item.disabled = true;
    });
  } else {
    tree.forEach((item) => {
      const hasChild =
        item.children &&
        item.children instanceof Array &&
        item.children.length > 0;
      if (hasChild) {
        addDisabledToDepthTree(item.children, depth + 1, handleDepth);
      }
    });
  }
  return tree;
}

使用
为tree结构的第三级的所有数据添加disabled属性

this.tree = addDisabledToDepthTree(this.tree,1,3)

相关文章

  • thinkphp5中内置的getTreeData来获取树形或层级

    /*** 获取全部数据* @param string $type tree获取树形结构 level获取层级结构...

  • el-tree添加虚线指示和图标

    1、添加虚线代码 为el-tree添加这两个属性 完整代码 style 2、添加图标代码 图标可以是element...

  • 富文本

    常用操作API 为某一范围内文字添加某个属性 为某一范围内文字添加多个属性(两个API效果与格式一样) 移除某范围...

  • WMS

    Window Tree Window Tree WMS责任主要是负责收集各个窗口的数据,比如透明度,层级值,位置参...

  • cmd tree 命令生成文档结构树

    tree .tree >tree.txttree >>tree.txttree /atree /f// 遍历层级t...

  • Vue父子组件通信

    一、父组件向子组件传递数据 (1)在父组件中的子组件标签中添加属性,给子组件传递数据 要是属性值为变量,要添加冒号...

  • TabLayout 点击去水波

    TabLayout添加两个属性: 全部设置:

  • Vue实战第8天

    可编辑表格 Tree组建实现文件目录 扁平化数据转层级数据 打了一晚上云顶之奕

  • MVVM 和 MVC 渲染过程

    MVVM: 数据初始化时,为每个属性添加 Observer 劫持监听,通过Object.difinePropert...

  • Vue.set和Vue数据监测

    Vue.set this.$set(this.student,'添加的属性','添加的属性值') Vue数据监测 ...

网友评论

      本文标题:tree为某一层级的全部数据添加属性

      本文链接:https://www.haomeiwen.com/subject/dlnesdtx.html