zoukankan      html  css  js  c++  java
  • Antd Tree组件虚拟滚动空白问题

    近期在项目中使用ant design 的tree组件时,由于数据量大的时候,开启了虚拟滚动,导致快速滚动时页面出现空白现象,如下图:

     

    仔细排查了一下具体原因,是antd tree的bottom和scroll top计算没算对,导致多滚动了一段距离,仔细排查发现,antd tree依赖了rc-tree,rc-tree又依赖了rc-virtual-list,和antd官网例子对比分析发现,我们和他们最大的区别就在于rc-virtual-list的版本号。

    虽然我们删除了node_modules和yarn.lock, 重新yarn install 但rc-virtual-list的版本号并没有发生改变,那我们就在yarn.lock中的rc-virtual-list(如下图)这几行代码删掉,重新yarn install --force就可以了。

     rc-virtual-list的 3.2.5版本有bug.... 升级到3.3.0虚拟滚动就不会产生计算问题了。

    ———————————— 方向错了,停下来就是进步 ————————————
  • 相关阅读:
    13-Smell味道-调味料
    12-Juice饮料
    11-Snack小吃
    10-Meat肉类
    09-Fruit水果
    08-Vegetables蔬菜
    [svc]共享内存
    [sql]sql的select字符串切割
    [js] 渲染树构建、布局及绘制
    [js]变量提升-关于条件
  • 原文地址:https://www.cnblogs.com/a-cat/p/15136030.html
Copyright © 2011-2022 走看看