首页 > 其他 > 详细

ant vue tree没数据时候取消懒加载箭头

时间:2021-08-03 15:14:27      阅读:50      评论:0      收藏:0      [点我收藏+]

技术分享图片

 

机构懒加载,选人时候,如果该机构下面没人,就取消加载并且不显示箭头

<a-tree
     checkable
     :load-data="onloadData"
     @check="onCheck"
     :tree-data="treeData"
     :replace-fields="replaceFields"
     :loadedKeys="loadedKeys"
     :expandedKeys="expandedKeys"
     @expand="onExpand"
>

  

//异步加载数据
onloadData(treeNode) {
    return new Promise((resolve,reject)=>{
         let taskId = treeNode.dataRef.id;
         if (treeNode.dataRef.meta == 1) {
             taskId = taskId ? taskId.substr(2, taskId.length) : ""; 
             console.log(‘treeNode.dataRef.children‘, treeNode);
             commonApi.subOrgAndUserTreeNode(taskId).then((data) => {
                  if (data.length > 1) {               
                   treeNode.dataRef.children.splice(0,treeNode.dataRef.children.length)
                      treeNode.dataRef.children = data;
                      this.treeData = [...this.treeData];
                   } else {
                       treeNode.dataRef.isLeaf = true;
                       this.treeData = [...this.treeData];
                    }
             }).finally(() => { resolve() });
        } else {
             resolve();
              return;
         }
   })

  

  

ant vue tree没数据时候取消懒加载箭头

原文:https://www.cnblogs.com/theblogs/p/15093158.html

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