18910140161

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

顺晟科技

2022-09-03 12:41:11

562

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


顺晟科技:

对,就是为了替代Excel , 这种方式也试过,一样会卡。。。猜测是因为渲染数据太多导致的

为啥要那么多行呀,Excel吗?选择一行,然后再变成 input吧,否则,input多了,那是浏览器自己搞不定的。

input 多了肯定卡,其实 tr多了也一样卡。所以才会研究“动态tr”,就是只渲染可见的tr,看不到的tr就不渲染,等到需要显示的时候在渲染。

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

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

相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航