element-UI el-tree 懒加载时,设定某个节点为末端(isLeaf)节点,不展示小三角图标

不想看废话版:
1:需要给树添加props,声明isLeaf有效(官网没有这个说法,我自己理解的意思)
2:给末端节点的节点数据中设置isLeaf=true;
element-UI el-tree 懒加载时,设定某个节点为末端(isLeaf)节点,不展示小三角图标_第1张图片
element-UI el-tree 懒加载时,设定某个节点为末端(isLeaf)节点,不展示小三角图标_第2张图片

(lll¬ω¬)|('口')━━∑( ̄□ ̄|||━━( ̄△ ̄;)(°ー°〃)

废话很多版:
项目生产中,我们常使用element-UI 的el-tree的懒加载事件
即手动点击节点左侧的小三角展开图标后才去加载其子集数据
但是有时我们明确知道某个节点不需要展开(比如我的项目中,岗位和人员在一棵树中混合展示的时候,我明确知道作为人员节点,是不需要左侧的小三角图标的)
element-UI el-tree 懒加载时,设定某个节点为末端(isLeaf)节点,不展示小三角图标_第3张图片
这时候我们在通过"学生"节点懒加载获取其下的子级(包含其他几个岗位和一个人员时,人员类型不需要再展开)
我们发现官网树有一个属性:isLeaf
element-UI el-tree 懒加载时,设定某个节点为末端(isLeaf)节点,不展示小三角图标_第4张图片
好像很简单的样子
但是按照这个设置之后没有用啊!!!!
element-UI el-tree 懒加载时,设定某个节点为末端(isLeaf)节点,不展示小三角图标_第5张图片

翻看github的issue issue:1252

element-UI el-tree 懒加载时,设定某个节点为末端(isLeaf)节点,不展示小三角图标_第6张图片

唯一缺一个props
element-UI el-tree 懒加载时,设定某个节点为末端(isLeaf)节点,不展示小三角图标_第7张图片

然后可以了!!!
element-UI el-tree 懒加载时,设定某个节点为末端(isLeaf)节点,不展示小三角图标_第8张图片

就,,,正经人谁写props啊(;´д`)ゞ

你可能感兴趣的