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实现懒加载查询和直接全部查询出来

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

element-ui el-tree手动展开/折叠全部节点

elementUi的el-tree实现单选

vue elementUI实现el-table 复选框默认选中,默认禁用,默认选中且禁用等效果

el-tree设置全选和全部禁用