树形表格组件懒加载实现

军军君01 2023-01-13 03:41:28

课时名称	课时知识点
树形表格组件懒加载实现	树形表格组件懒加载实现，数据点开后再进行加载

...全文

282 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

layui树形组件懒加载实现工作中需要用到Layui前端框架，但使用过程中发现需要用到树形组件懒加载方式，可惜的是Layui仍未实现树形组件懒加载，网上大神们写了好多文章介绍但总感觉不如自己写一个。以下代码比较多，可能读者没有耐心看完，我权当是自己作一下笔记吧，以后想起来的时候会持续更新下去，若有什么好的建议，希望能下方给我留...

5，全局添加/子菜单添加/编辑。4.初始化懒加载数据。

思路：一、返回整体表格对象数组二、遍历此对象数组，1.给控制有展开项的属性hasChildren赋值为true;2 给原始对象数组的每个对象加 id（这里为了防止展开时每行都会展开）三、给表格加load执行函数，和lazy属性，以及:tree-props="{ children: 'children', hasChildren: 'hasChildren' }" 属性支持树类型的数据的显示。当 row 中包含 children 字段时，被视为树形数据。渲染树形数据时，必须要指定 row-key。支

临时时间：{{ row.expireDate }}临时时间：{{ row.expireDate }}临时时间：{{ row.expireDate }}临时时间：{{ row.expireDate }}临时时间：{{ row.expireDate }}临时时间：{{ row.expireDate }}临时时间：{{ row.expireDate }}临时时间：{{ row.expireDate }}临时时间：{{ row.expireDate }}// 添加组织目录下用户。// 查询目录树设备。

最近在使用Element的el-table表格组件时，发现一个问题，我的业务场景需要使用树形表格，并且使用懒加载的模式加载子级数据，但是使用Element自带的树形表格和懒加载功能，懒加载仅会在第一次展开时加载，后续会使用第一次缓存的数据，而不会重新加载，本篇文章提供了解决方案。首先，先看一下Element的el-table组件的相关代码：

军军君的课程社区_NO_1

13

社区成员

811

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章