Skip to content
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

grid下拉增加数据造成的空白格问题 #5360

Closed
yik7707 opened this issue May 5, 2023 · 4 comments
Closed

grid下拉增加数据造成的空白格问题 #5360

yik7707 opened this issue May 5, 2023 · 4 comments

Comments

@yik7707
Copy link

yik7707 commented May 5, 2023

重现链接

https://developers.weixin.qq.com/s/JMR6vYme7NHy

Vant Weapp 版本

1.10.17

描述一下你遇到的问题。

回顾之前的pr:
1.循环渲染中key是index没问题,但是如果列表是动态增加的,用index作为key是不合理的,还是需要修改key值的。

2.想办法让grid组件重新排列一下,加个loading什么的,加载完成再让check-group重新显示。
缺点是:数据多了每次从头到尾渲染图片会成倍造成渲染压力和性能问题。

3.我之前翻页是每次50个,并不是每次100条直接渲染太多了数据

4.我测试我每次加载20个翻页20个,我修改一下后台还是这种情况,问题是不应该修改wx:key修改后就出现这种情况把:
image

重现步骤

wx:key为workid(唯一值)的时候(为index却不会造成空白格问题发生)
1.下拉增加数据会出现,翻页空白格的情况
麻烦请定位问题所在

设备/浏览器

开发模拟器

@johnsonwong666
Copy link
Collaborator

你之前的数据可以保证数据唯一性吗?

@yik7707
Copy link
Author

yik7707 commented May 8, 2023

你之前的数据可以保证数据唯一性吗?

workid能保证唯一性

@yik7707
Copy link
Author

yik7707 commented May 8, 2023

你之前的数据可以保证数据唯一性吗?

数据来自dy,workid来自作品id只能是唯一值

@landluck
Copy link
Contributor

2.x 重构为 flex 布局可以解决问题

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants