是这样的,项目中有一个表单,是可以动态增减行的,每行10个input,最多会有1000行左右,但当达到1、200行的时候,input输入就会卡顿了。
目前搜索到的是把表单拆分,但是我使用v-for实现的多行表单,自己试了试,每次输入文字总会全部渲染,拆分不拆分没有区别。
各位有没有解决方案 希望可以讨论一下!
是这样的,项目中有一个表单,是可以动态增减行的,每行10个input,最多会有1000行左右,但当达到1、200行的时候,input输入就会卡顿了。
目前搜索到的是把表单拆分,但是我使用v-for实现的多行表单,自己试了试,每次输入文字总会全部渲染,拆分不拆分没有区别。
各位有没有解决方案 希望可以讨论一下!
10 回答11.2k 阅读
5 回答4.8k 阅读✓ 已解决
4 回答3.1k 阅读✓ 已解决
2 回答2.8k 阅读✓ 已解决
3 回答4.9k 阅读✓ 已解决
2 回答4.8k 阅读✓ 已解决
4 回答4.4k 阅读✓ 已解决
可以使用这个组件进行做 vue-virtual-scroll-list
原理就是只渲染可以看到的元素,不论你数据有多少 在dom元素中只有你设置的数量(100个或者其他),这样就不会卡了