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

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

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

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

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


回答:

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


回答:

表格多类似excel的话可以用Luckysheet 里面功能挺齐全的

https://mengshukeji.github.io...


回答:

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

以上是 vue中form数据多,每次输入后重新渲染导致界面卡顿 的全部内容, 来源链接: utcz.com/p/937388.html

回到顶部