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

Vue2: table加载树形数据的踩坑记录

table中需要加载树形数据,如图:

官网给了两个例子,且每个例子中的tree-props都是这么写的:

:tree-props="{children: 'children', hasChildren: 'hasChildren'}"

给我一种错觉,以为数据结构中要同时指定children和hasChildren字段,然而,在非懒加载模式下,数据结构中只包含children数据即可,不能有hasChildren字段,否则只能加载出根节点,并且连根节点上的展开箭头都看不到。

仔细对比官网两个例子,可知

table1是非懒加载模式

数据中直接指定children,但是没有hasChildren字段(根据实践,可以有hasChildren字段,但是其值不能为true)ÿ


http://www.mrgr.cn/news/82403.html

相关文章:

  • K8s集群平滑升级(Smooth Upgrade of K8S Cluster)
  • 九进制转10进制
  • 39. 解压报文
  • 73 mysql replication 集群的交互
  • 计算机网络-数据链路层(MAC地址、IP地址和ARP协议)
  • 仿生的群体智能算法总结之一(十种)
  • uni-app开发-习惯养成小程序/app介绍
  • HackMyVM-Adroit靶机的测试报告
  • springboot原生socket通讯教程
  • 【开源社区openEuler实践】A-Tune性能优化工具介绍
  • 【ACCSS】2024年亚信安全云认证专家题库
  • 高等数学学习笔记 ☞ 无穷小与无穷大
  • 【开源社区openEuler实践】rust_shyper
  • 2025元旦源码免费送
  • 从企业级 RAG 到 AI Assistant,阿里云 Elasticsearch AI 搜索技术实践
  • 数据挖掘——回归算法
  • TS中的enum变量和普通object区别
  • 数据挖掘——集成学习
  • 华为OD机试真题---服务器广播
  • MySQL 03 章——基本的SELECT语句
  • 【UE5 C++课程系列笔记】20——共享指针的简单使用
  • MySQL 备份方案设计之准备事项
  • 服务器主机网络测试命令
  • 双目的一些文章学习
  • 企业二要素如何用java实现
  • HarmonyOS-面试整理