VUE elTree 无子级 隐藏展开图标

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

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

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

javascript 复制代码
<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
    }
}

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

相关推荐
敲代码的玉米C14 小时前
让两个模型一写一审
前端·人工智能·架构
代码不加糖14 小时前
common.js和es6中模块引l入的区别?
前端·javascript·es6
qq834431014 小时前
一款纯前端的excel控件,XuY_Sheet 电子表格组件教程
前端·excel·教程·luckysheet·xuy_sheet控件·前端表格控件
云浪14 小时前
从 0 到实战:掌握向量数据库 Milvus,构建 AI 应用的核心能力
javascript·数据库·人工智能
不爱说话郭德纲14 小时前
零基础,学做KMP项目,TRAE Work手把手带你月薪.....
前端·后端·app
敲代码的玉米C14 小时前
Agent 做 IDE
前端·人工智能·开源
鹏北海14 小时前
AI 全栈时代的多语言 SDK 版本管理:认识 mise
前端·后端
下山14 小时前
别再手切终端管 Agent 了!1 个 Skill 监督多个主流 CLI,默认每 15 秒读屏(建议收藏)🚀
前端·ai编程
飘逸啊14 小时前
分而治之:关注点分离在Android与React中的架构实践与对比
前端
算法解题那些事14 小时前
前端暑期实习面经(网上收集)
前端