动态的刷新 el-tree 的disabled属性值

有个这样的需求，点击角色列表每一行，根据返回的roleTypeDictCode的值，控制右边菜单分配树选择是否禁用；我已经做出来每次点击，给节点加disabled了，但是菜单没变，但是点击树的时候，其实disabled的属性是加上的，不知道为什么没有加载出来；

后来终于实现了：

methods：

// 触发单选

    handleCurrentChange(val) {

      console.log('触发单选')

      if (val) {

        this.isSelectData = val;

        console.log("菜单");

        console.log(this.menus);

        // 保存当前的角色id

        this.currentId = val.id;

        this.form.id = val.id;

        this.showButton = true; // this.level <= val.level

        // 初始化

        this.menuIds = val.menuIds;

        this.setCheckedKeys(val.menuIds);

        this.form.orgIdList = val.orgIds;

        this.filterData(this.menus,this.isSelectData)

        this.$nextTick(() => {

          this.menus=[];

          this.menus=this.$refs.menu.data

          this.$watch('menus',function(val){

            console.log('监听menus')

            this.menus=this.$refs.menu.data

          })

        });

      }

    },

 

//给菜单的每个节点添加disabled的方法

filterData(treeData, val) {

      for (var i = 0; i < treeData.length; i++) {

             //let obj=treeData[i]

        if (val.roleTypeDictCode == "sec_secrecy") {

          // obj.disabled = false;      

          this.$set(treeData[i],"disabled",false)

        } else {

          if (treeData[i].roleTypeCode == val.roleTypeDictCode) {

            // obj.disabled = false;

             this.$set(treeData[i],"disabled",false)

          } else {

            // obj.disabled = true;

             this.$set(treeData[i],"disabled",true)

          }

        }

        if(treeData[i].children){

          this.filterData(treeData[i].children, val);

        }

      }

    },

 

走过的坑：一开始：我给菜单添加disabled属性：obj.disabled = true;  菜单刷新不出来，

后面改为用：  this.$set(treeData[i],"disabled",false)  完美解决