首页 > 其他 > 详细

el-tree中的checkbox状态添加disabled属性

时间:2020-08-28 12:04:36      阅读:378      评论:0      收藏:0      [点我收藏+]

在elementUI的组件中,没有对el-tree里面的复选框设置不可修改状态;只能在每个对象里面添加disabled属性,才能达到想要的结果。

如下图:

技术分享图片

 

 

 所以当我们想禁用所有状态的时候,就可以使用迭代的方式满足需求,具体如下代码:

created() {
    this.getLoadData()
  },
methods:{   setDisabled(arr) {
for (var i = 0; i < arr.length; i++) { arr[i][‘disabled‘] = this.disabled if (arr[i].children && arr[i].children.length > 0) { this.setDisabled(arr[i].children) } } },   getLoadData(node, callback) { var orgList = [{ id: 1, label: ‘一级 2‘, children: [{ id: 3, label: ‘二级 2-1‘, children: [{ id: 4, label: ‘三级 3-1-1‘ }, { id: 5, label: ‘三级 3-1-2‘, }] }, { id: 2, label: ‘二级 2-2‘, disabled: true, children: [{ id: 6, label: ‘三级 3-2-1‘ }, { id: 7, label: ‘三级 3-2-2‘, }] }] }] this.data = orgList this.setDisabled(this.data) }) }
}

 

el-tree中的checkbox状态添加disabled属性

原文:https://www.cnblogs.com/lilistyle/p/13576337.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!