el-tree按条件禁用树节点

Niki.Y

于 2021-03-15 18:05:13 发布

阅读量9.5k

点赞数 7

CC 4.0 BY-SA版权

文章标签： vue elementui 树结构前端

本文链接：https://blog.youkuaiyun.com/xixixxx/article/details/114843413

本文介绍了一种方法，通过递归遍历树结构来禁用除特定节点外的所有其他节点及其子节点。该方法适用于需要快速实现树形结构中部分节点禁用功能的应用场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

业务要求：禁用相关设备以外的树结点。

这里需要禁用’1#泵‘结点以外的所有根节点及其以下的子结点。

一、递归循环所有节点，给对应的节点添加disable属性

拿到树的所有结点后，去遍历循环加上disable：true属性

addAttr(data) {
      data.forEach(item => {
        if (item.id !== this.detail.id) {
          item.disabled = true;
          if (item.childNodes && item.childNodes.length !== 0) {
            this.addAttr(item.childNodes);
          }
        }
      });
    },

效果：