当前位置: 首页 > news >正文

遍历递归数结构,修改里的disabled值

返回参数中新增字段 disabled,后端给的值为1和2,

disabled==1时,代表该节点需要置灰,不可选中

现在需要将disabled的值,改为布尔类型;

后端给的数结构是对象类型,tree接收数组类型;

先将对象类型的数据,遍历递归,修改里面的disabled值,最后再加[ ],改为数组类型.

this.setDisabledData(res.data.data);// 遍历递归setDisabledData(node) {let that = this;node.disabled == 1 ? (node.disabled = true) : (node.disabled = false);if (node.children && node.children.length > 0) {node.children.forEach(child => {that.setDisabledData(child);});node.children.every(child => {child.disabled == 1 ? (child.disabled = true) : (child.disabled = false);});this.assignerArr = [node];}},
<el-form-item label="关键字" class="cx-scroll-wrap"><el-input placeholder="输入关键字进行过滤" v-model="filterText" clearable></el-input><div class="addScrollClass " :style="{ height: tableHeight }"><el-treeicon-class="none":data="assignerArr":check-strictly="false"show-checkboxdefault-expand-allnode-key="id"ref="tree":filter-node-method="filterNode"highlight-current:expand-on-click-node="false":props="props"><span class="custom-tree-node" slot-scope="{ node, data }"><span><i v-if="data.type == 2" class="el-icon-coin cx-icon"></i><i v-else class="el-icon-user-solid cx-icon"></i>{{ node.label }}</span></span></el-tree></div></el-form-item>
props: {label: "displayName",children: "children",isLeaf: "leaf",disabled: "disabled",},

http://www.lryc.cn/news/447946.html

相关文章:

  • 怎么通过AI大模型开发一个网站?
  • 【Kubernetes】常见面试题汇总(四十)
  • 数据仓库-数据命名标准规范
  • OCR识别系统 YOLOv8 +Paddle 方案落地
  • 828华为云征文|部署去中心化网络的 AI 照片管理应用 PhotoPrism
  • 【PAM】Linux登录认证限制
  • Go语言Mutex的优化与TryLock机制解析
  • 基于TSN的实时通信网络延迟评估技术
  • 初识ZYNQ——FPGA学习笔记15
  • 理论-链表的头结点
  • oracle 分表代码示例
  • 【MySQL】regexp_replace在MySQL以及regexp extract all在MySQL的用法
  • 详解 FFmpeg 中的 -map 选项
  • 学习threejs,绘制二维线
  • 跑lvs出现soft connect怎么处理?
  • 实验1 Python语言基础一
  • 多线程相关内容
  • mybatis-puls快速入门
  • Pool 和 PG 架构(二)
  • 客户服务升级指南:如何以细节赢得客户忠诚
  • 闲盒支持的组网方式和注意事项
  • 828华为云征文|华为云Flexus云服务器X实例之openEuler系统下搭建MaxKB开源知识库问答系统
  • [Linux]:信号(上)
  • 浙大数据结构:05-树9 Huffman Codes
  • scrapy爬虫基础
  • 利用H5无插件播放RTSP流的实现方案
  • CSS文本格式化
  • python的 __name__和__doc__属性
  • Go语言中的Mutex实现探讨
  • 第五届计算机科学与管理科技国际学术会议(ICCSMT 2024)