el-tree全部禁用

博客介绍了如何通过在props绑定的对象中设置参数来灵活禁用Element UI的el-tree组件,避免了直接在节点上设置disabled属性的不便。

element官方自带的是在节点设置disabled:true属性,在项目中并不好用,如data: [{ id: 1, label: '一级 2', children: [{ id: 3, label: '二级 2-1', children: [{ id: 4, label: '三级 3-1-1' }, { id: 5, label: '三级 3-1-2', disabled: true }] },.....

props绑定的对象中可以实现灵活禁用

  <CustomTree
              :props="propsObj"
              node-key="id"
              :list="menuSelectList"
              :defaultCheckedKeys="menuValueList"
              @onClick="handleTreeClick"
            />
 propsObj: {
        children: 'children',
        label: 'label',
        disabled: this.disabledFn,
      },
disabledFn() {
      return true
    },
评论 3
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值