Ant-design-vue 树形控件异步加载,解决只加载一次的问题
vue
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
项目地址:https://gitcode.com/gh_mirrors/vu/vue
·
解决方案:

- LoadData 方法点击节点异步加载数据 expandedKeys: 展开的节点, LoadedKeys: 已加载的节点, 返回的数据中要有isLeaf判断是不是末级节点 onExpand: 点击节点的时候触发



2. 异步加载的时候,将触发节点的id 放到loadedKeys 的集合中,记录已加载的节点的id
3. key为展开节点的一个集合, 判断如果已加载的节点的长度 大于 展开节点的长度,树形结构的节点处于部分收起的状态,把展开的集合赋给已加载的节点的集合, 这样,收起的节点处于处于未加载状态, 展开节点和已加载节点保持一致,便于下次点击节点重新查询子节点
注意事项:
树形结构只加载一次的, 可通过加一个key 值来实现,这样每次点击节点都会重新加载子节点,

但是会引发出新问题,节点不能跨级收起,第二级节点未收起来的情况下,第一级节点点击小三角符号是不生效的,只能一层一层的收起
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
最近提交(Master分支:4 个月前 )
9e887079
[skip ci] 1 年前
73486cb5
* chore: fix link broken
Signed-off-by: snoppy <michaleli@foxmail.com>
* Update packages/template-compiler/README.md [skip ci]
---------
Signed-off-by: snoppy <michaleli@foxmail.com>
Co-authored-by: Eduardo San Martin Morote <posva@users.noreply.github.com> 1 年前
AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。
更多推荐


所有评论(0)