elementui中el-tree实现复选框全部禁用

Posted 咖啡壶子

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了elementui中el-tree实现复选框全部禁用相关的知识,希望对你有一定的参考价值。

在写邮件收发系统时会遇到回复邮件时发件箱中的发件人只能是给你发件的那个人,不能出现发件人列表可选情况,直接上代码

// 拿到树数据后赋值默认选中和禁用-注意要先设置默认选中再设置禁用
this.$nextTick(() => 
  // 设置禁用
  this.setDisabled(this.provinceData);
);
 
// 递归函数,给每层树赋值disabled
setDisabled(treeData) 
  treeData.forEach((item) => 
    if(item.id !== this.sendMailAccountList.sender)
    	this.$set(item, 'disabled', true);
    	if (item.children) 
      		this.setDisabled(item.children);
    	
    
  );

以上是关于elementui中el-tree实现复选框全部禁用的主要内容,如果未能解决你的问题,请参考以下文章

ElementUI的el-tree实现懒加载查询和直接全部查询出来

怎么设置多选中el-tree的复选框

element UI在 el-select 与 el-tree 结合组件

低版本element el-tree不支持复选框禁用功能的解决方法

el-tree 全部打开状态 不要折叠

笔耕不辍 elementUI el-tree实现懒加载和直接查询实现