elementUi的el-tree实现单选

Posted 2023-03-20

参考技术A     <el-tree

              ref="elemTree"

              :data="treeData"

              check-strictly

              show-checkbox

              :default-expand-all="true"

              node-key="id"

              @check-change="nodeCheckChangeHandle"

            >

            </el-tree>

...methods:

    nodeCheckChangeHandle(data, isSelected, isLeafSeleted)

      const refElem = this.$refs.elemTree;

      if (isSelected)

        refElem.setCheckedKeys([data.id]);

     

    ,

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);
    	
    
  );