网上找一个 Vue 写的 table 参照这个写: https://github.com/lison16/vue-bigdata-table
自己写的: https://run.iviewui.com/WbbS4iq9
我是想滚动的时候渲染这个位置的数据,但是向下滚动的时候他会自己动,,向上没有这个问题,

网上找一个 Vue 写的 table 参照这个写: https://github.com/lison16/vue-bigdata-table
自己写的: https://run.iviewui.com/WbbS4iq9
我是想滚动的时候渲染这个位置的数据,但是向下滚动的时候他会自己动,,向上没有这个问题,
1 icebreaker12 Jun 21, 2019 所以数据量大为什么不分页呢 |
2 a494836960 OP @icebreaker12 几千条数据客户想一次选完。。 |
3 a3063291 Jun 21, 2019 @a494836960 伪需求,我就不信他能一个个选几千条数据。有些数据不需要展示,可以提供筛选条件,发送到后端批量操作即可。 |
4 Hilong Jun 21, 2019 via Android 把数据冻结起来,让 vue 不要去动态监听,用 object.frozen |
5 Hilong Jun 21, 2019 via Android 这个是优化性能 |
6 a494836960 OP @a3063291 大佬,, 我现在不管啥需求了,, 就想知道为什么会自己动。。帮忙看看撒 |
7 myliang Jun 21, 2019 via Android 可视区渲染 |
8 a494836960 OP @Hilong 嗯,,有考虑,,但是在数据一多也是杯水车薪 |
9 rain0002009 Jun 21, 2019 修改.table-top 的高度会触发滚动事件,滚动事件又会修改.table-top 的高度 |
10 a494836960 OP @rain0002009 我之前也是这么想的,,但是我向上滚是好的呀 |
11 love Jun 21, 2019 现在各个框架都有虚拟列表实现,几万条不是问题。 |
12 pecopeco Jun 21, 2019 @rain0002009 说得没错,猜测跟滚动条机制有关,当前视图以上的元素如果增加高度,会触发 scroll 事件,顺着这个思路简单修改了一下,应该可行 @a494836960 https://run.iviewui.com/psIRmayr |
13 qq316107934 Jun 21, 2019 via Android @love 正解,用虚拟列表无所谓多少条,数据处理扔到 web worker。 |
14 Fortnight Jun 21, 2019 table 的高度增加导致滚动条被压缩,就无限触发事件了 |
15 mmmfj Jun 21, 2019 via Android table 我玩不转,有些需求我是自己布局实现 |
16 cloudzqy Jun 21, 2019 via Android 楼主好像解决了,这种伪需求就应该毙在需求讨论阶段,用户根本不知道自己需要什么样的交互,你给他们设计个更好的交互,他们反而会美滋滋。 |
17 w292614191 Jun 22, 2019 |
18 Tankpt Jun 22, 2019 via iPhone 无限滚动了解下 |
19 a494836960 OP @cloudzqy 周末不方便,,, 今天来改好了。。 |