欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 新闻 > 会展 > VUE elTree 无子级 隐藏展开图标

VUE elTree 无子级 隐藏展开图标

2025/1/24 1:32:51 来源:https://blog.csdn.net/yunhuaikong/article/details/145312577  浏览:    关键词:VUE elTree 无子级 隐藏展开图标

这4个并没有下级节点,即它并不是叶子节点,就不需求展示前面的三角展开图标!

查阅官方文档如下描述,支持bool和函数回调处理,这里咱们选择更灵活的函数回调实现。

给el-tree结构配置一下props,注意!    :props="defaultProps" 

<el-tree :data="treeList" :props="defaultProps" @node-click="handleNodeClick"></el-tree>在data中添加配置项,如下:isLeaf是一个函数,subCount 是接口返回的表明此节点是否还有可展开项的标记,大于1时说明还有下级需要展开,否则不要展开defaultProps: {children: 'children',label: 'id',isLeaf: (data, node) => {return data.subCount >= 1 ? false : true}
}

 完成后,刷新页面显示正常,不再给用户制造操作误途

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com