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