vue中form数据多,每次输入后重新渲染导致界面卡顿

新手上路,请多包涵

是这样的,项目中有一个表单,是可以动态增减行的,每行10个input,最多会有1000行左右,但当达到1、200行的时候,input输入就会卡顿了。

目前搜索到的是把表单拆分,但是我使用v-for实现的多行表单,自己试了试,每次输入文字总会全部渲染,拆分不拆分没有区别。

各位有没有解决方案 希望可以讨论一下!

阅读 4.6k
3 个回答

可以使用这个组件进行做 vue-virtual-scroll-list
原理就是只渲染可以看到的元素,不论你数据有多少 在dom元素中只有你设置的数量(100个或者其他),这样就不会卡了

做一下懒加载,只渲染可视区域内的数据

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题