AI 助理
文档备案控制台
开发者社区 开发与运维 文章 正文

antd树形控件遇到的一些坑

2023-08-09 537
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： antd树形控件遇到的一些坑

坑1. 树形组件的数据treeData如果是动态请求回来的话，之前设置了defaultExpandAll 默认展开所有节点会失效。

解决方案：在treeData数据变化时确保组件重新


这里初始状态下treeData为空数组，length为0，这样确保数据请求回来后一定会重新渲染组件。

坑2. 树形组件的使用自适应布局设置组件的高度无效

解决方案：需使用js计算出组件的高度后再手动给Tree赋值

文章标签：
JavaScript
与掉发不共戴天
目录
相关文章
邹荣乐
|
JavaScript 前端开发
JS浮点数精度问题及高精度小数运算：BigNumber解决方案
JS浮点数精度问题及高精度小数运算：BigNumber解决方案
邹荣乐
1760 0
天玄TX
|
JavaScript 前端开发
JS require 与 import 的区别
JS require 与 import 的区别
天玄TX
726 1
小周sir
|
安全 前端开发 iOS开发
钉钉里微应用ios 底部安全区域的颜色怎么修改？
钉钉里微应用ios 底部安全区域的颜色怎么修改？
小周sir
491 5
JYeontu
|
前端开发 算法 数据可视化
怎么在echarts图上左右滑动切换数据区间
怎么在echarts图上左右滑动切换数据区间
JYeontu
674 0
zxvf_lnn
conda常用操作和配置镜像源
conda常用操作和配置镜像源
zxvf_lnn
32445 0
刻刻帝的海角
Each child in a list should have a unique “key“ prop. Check the render method的报错解决
Each child in a list should have a unique “key“ prop. Check the render method的报错解决
刻刻帝的海角
953 1
rvblio6ca4cug
|
8月前
|
人工智能 移动开发 JavaScript
AI + 低代码技术揭秘（六）：包结构和 Monorepo
VTJ低代码平台采用monorepo结构，基于PNPM和Lerna进行包管理，实现跨包版本同步与依赖管理。核心包如@vtj/base、@vtj/utils和@vtj/core提供基础类型、工具函数及数据模型。运行时包负责DSL解析、渲染和代码生成，设计器支持可视化开发，本地服务实现文件管理和项目构建。平台通过统一构建系统支持Web、UniApp等多端部署。
rvblio6ca4cug
364 0
yma16
|
前端开发 JavaScript 搜索推荐
react-app框架——使用monaco editor实现online编辑html代码编辑器
react-app框架——使用monaco editor实现online编辑html代码编辑器
yma16
1312 3
杀死一只知更鸟debug
|
JavaScript
Ant Design Vue UI框架的基础使用，及通用后台管理模板的小demo【简单】
这篇文章介绍了如何使用Ant Design Vue UI框架创建一个简单的后台管理模板，包括创建Vue项目、安装和使用ant-design-vue、以及编写后台管理通用页面的代码和样式。
杀死一只知更鸟debug
2281 3
Ant Design Vue UI框架的基础使用，及通用后台管理模板的小demo【简单】
Boale_H
antd如何隐藏Upload组件的删除和预览图标
antd如何隐藏Upload组件的删除和预览图标
Boale_H
1039 1

热门文章

最新文章

  • 1
    【童年回忆】【FC模拟器 + ROM大合集下载】
  • 2
    Linux环境变量设置（PATH/LIBRARY_PATH/LD_LIBRARY_PATH）
  • 3
    【全网最全面】VS Code使用Git可视化管理源代码详细教程
  • 4
    燃！阿里11篇论文入选IJCAI2017 人工智能领域捷报频传
  • 5
    UPS开始尝试“货车+无人机”的投递方式，不必再担心快递员离职了
  • 6
    4G，是否值得等待？
  • 7
    SMTP EXCHANGE unable to relay 解决方法是建立一个连接器
  • 8
    谷歌：印度火车站Wi-Fi用户达150万
  • 9
    EditText 显示明文和密码
  • 10
    DIOCP开源项目-DIOCP3 大文件的传输DEMO<断点续传>
  • 1
    阿里云一键部署 OpenClaw（Clawdbot）教程，定制专属 AI 员工！
    145
  • 2
    AI开始反问人类：生成式搜索时代，内容竞争的真正战场已经变了
    54
  • 3
    阿里云“99计划”是什么？具体有什么政策？
    63
  • 4
    Playwright 面试必备：测试工程师的实战指南
    48
  • 5
    新手小白如何部署OpenClaw(Clawdbot)？阿里云一键部署！
    60
  • 6
    阿里云推出五种OpenClaw快速部署方案，一键拥有专属AI助理！
    89
  • 7
    大模型训练显存优化实战指南：如何用有限显卡炼出“大丹”
    44
  • 8
    Python装饰器：优雅增强函数功能
    165
  • 9
    Python 3.12 新特性解读：用 Subinterpreters 突破 GIL 限制
    234

    • 相关电子书

    更多
  • 低代码开发师（初级）实战教程
  • 冬季实战营第三期：MySQL数据库进阶实战
  • 阿里巴巴DevOps 最佳实践手册
    • 下一篇
    第五届伏魔挑战赛如约来袭，诚邀各路高手来战！