Vue 表单问题

2022-11-18 23:29:42 +08:00
 hoveyLee00

Vue 表单下拉框数据过多引起的问题,在使用 v-show 显示隐藏 dom 节点的时候会有 3-4 秒卡顿问题,有什么优化方案吗,在使用 vue-devtools 查看的时候也会很卡

1574 次点击
所在节点    程序员
8 条回复
wunonglin
2022-11-18 23:31:20 +08:00
虚拟滚动。自行找方案实现即可
hoveyLee00
2022-11-18 23:32:29 +08:00
@wunonglin 那滚动到底部后,节点全部都渲染上去后,是否还是会卡顿呢
wunonglin
2022-11-18 23:36:09 +08:00
kevin1
2022-11-18 23:44:17 +08:00
@hoveyLee00 虚拟滚动只渲染会出现在视窗内的元素及上下少部分元素,不会把所有节点全部渲染上去,所以不会卡顿的。
hoveyLee00
2022-11-18 23:51:32 +08:00
@wunonglin 好的谢谢我试下
hoveyLee00
2022-11-18 23:51:44 +08:00
@kevin1 好的谢谢明白了我试下
GreatAuk
2022-11-18 23:52:14 +08:00
目测只有虚拟列表能解了
isolcat
2022-11-19 10:22:02 +08:00
虚拟滚动实现按需渲染可以降低渲染时间,应该可以解决你的卡顿问题

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/896335

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX