el-cascader设置能选某一列

分享一个el-cascader设置能选某一列的方法,话不多说,直接上代码

 this.projectoptions = res.data;
 // 级联面板空数据不展示
 this.resteData(this.projectoptions);
 // 当某一列 level = 1 的时候可选
 this.getDataTree(1, this.projectoptions);

级联面板空数据不展示:

resteData(data) {
      for (var i = 0; i < data.length; i++) {
        if (data[i].children.length < 1) {
          data[i].children = undefined;
        } else {
          this.resteData(data[i].children);
        }
      }
      return data;
    },

方法:`

getDataTree(value, projectoptions) {
      if (projectoptions && projectoptions.length > 0) {
        // 循环遍历
        for (let i = 0; i < projectoptions.length; i++) {
          //结束递归
          if (projectoptions[i].children) {
            this.getDataTree(value, projectoptions[i].children);
          }
          if (projectoptions[i].level != value) {
            this.$set(projectoptions[i], "disabled", true);
          } else {
            this.$set(projectoptions[i], "disabled", false);
          }
        }
      }
    },
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值