当前位置: 首页 > article >正文

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
    }
}

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


http://www.kler.cn/a/514712.html

相关文章:

  • 消息队列篇--原理篇--Pulsar和Kafka对比分析
  • 将 AzureBlob 的日志通过 Azure Event Hubs 发给 Elasticsearch(1.标准版)
  • 51c~SLAM~合集1
  • 【Qt 常用控件】显示类控件——QLabel
  • 【二叉树的深搜】计算布尔二叉树的值 求根节点到叶节点数字之和
  • java知识框架
  • Java高频面试之SE-16
  • C++----STL(vector)
  • curl简介与libcurl开源库的使用总结
  • 在电商行业中,3D模型的应用有哪些?
  • ECCV 2024,全新激活函数!
  • 【面试题】MQ部分[2025/1/13 ~ 2025/1/19]
  • 【Uniapp-Vue3】StorageSync数据缓存API
  • OGG 19C 集成模式启用DDL复制
  • ORA-15041 ORA-15023
  • Kotlin 2.1.0 入门教程(八)
  • js截取video视频某一帧为图片
  • Kafka 入门与应用实战:吞吐量优化与与 RabbitMQ、RocketMQ 的对比
  • SVM模型实战1
  • RabbitMQ 在实际应用时要注意的问题
  • Qt基础项目篇——Qt版Word字处理软件
  • 代码随想录day15
  • h5页面两个吸顶tab切换第二个tab从头开始显示
  • 手机备忘录:安全存储与管理个人笔记的理想选择
  • 【详解】神经网络的发展历程
  • 基于微信小程序的模拟考试系统设计与实现(LW+源码+讲解)