-
Notifications
You must be signed in to change notification settings - Fork 78
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
nvue list 当数据加载比较多时 调用reload重新加载数据的时候会出现明显的回收旧数据的过程 并且耗时长 #70
Comments
for循环的:key是否设置, 并且是否是item的id? |
我也是遇到相同的问题,在NVUE中使用虚拟列表时,当加载的列表比较大时,reload时,页面会一直滚动回收,耗时很长,而且期间页面会卡住 @SmileZXLee |
nvue中z-paging默认使用的是weex的list组件,自带cell复用。nvue中是不支持虚拟列表的,因为weex的list性能比虚拟列表更高。 |
那再请教一下,如果采用 nvue 的话,有什么办法解决这个问题吗? PS: 今天发现,如果采用 nvueStyleCompiler: uni-app 模式,才会出现这种问题。但如果采用 nvueCompiler: uni-app 模式,则不会出现这个问题。 @SmileZXLee |
可以采用 nvueCompiler: uni-app 模式。这个渲染慢的问题,可以与uniapp官方反馈一下,需要官方解决 |
大神再请教一下:从性能角度,您建议不采用虚拟列表,而是采用 nvue + cell 模式(即 https://z-paging.zxlee.cn/module/nvue.html),对吗? @SmileZXLee PS: 如果不采用虚拟列表,则 nvueStyleCompiler: uni-app 或 nvueCompiler: uni-app 模式都没有出现页面 reload 时一直滚动回收且耗时很长的问题。但是 nvueCompiler: uni-app 模式对 css 的限制较多。 |
对。nvue + cell 模式性能比虚拟列表高,虚拟列表只是在非nvue平台渲染超长列表时的替代解决方案。 |
我的app,"nvueStyleCompiler" : "uni-app"配置的是这个模式,也会出现数据过大,下拉刷新能看到回收过程。就是数据一直往上滚动。不知道怎么解决 |
编译平台
HbuilderX
VUE版本
vue2+nvue
运行平台
App
z-paging版本
2.5.8
问题描述
当数据加载比较多时 调用reload重新加载数据的时候会出现明显的回收旧数据的过程 并且耗时长
The text was updated successfully, but these errors were encountered: