大概是只仓鼠 2023-08-08 11:54 采纳率: 78.7%
浏览 24
已结题

前端数据量大导致渲染、输入框等等卡顿,如何解决?为什么?

vue开发中发现一个问题:
我在一个页面写了个v-for,有50条数据,每条数据都20个字段,其中一个字段是数组,里面又包含了40条数据,然后挑其中5个字段做成50个花花绿绿的卡片(这是页面一),可以点进去弹窗(Model)查看其他15个字段内容(含40条数据,这是页面二)。

但是发现,数据太多导致了渲染卡顿,在页面一/二上加一个输入框,不写任何复杂的逻辑,但是却输一个数字,卡顿5s才会输出来,然后页面一打开页面二,也要打开10s才能把他打开(这里不涉及复杂运算)。

试过vue-virtual-scroller(虚拟列表),并没有太过有效提升速度,后来做了个分页才减少卡顿,不过这个输入框的卡顿也只是从5s变为2s这样子。

但是在测试中发现,渲染数目再多,自定义组件的Model中的输入框速度并不受影响,反应很快;但是页面中的Model中的输入框却明显卡顿,想问问为什么?

  • 写回答

2条回答 默认 最新

  • 崽崽的谷雨 2023-08-08 12:15
    关注

    自定义组件的Model中的输入框速度并不受影响,Model里的数据也和不自定义的一样多吗?

    评论 编辑记录

报告相同问题?

问题事件

  • 已结题 (查看结题原因) 2月19日
  • 创建了问题 8月8日

悬赏问题

  • ¥30 关于#微信#的问题:微信实名不绑卡 可以实现吗 有没有专家 可以解决
  • ¥15 (标签-考研|关键词-set)
  • ¥15 求修改代码,图书管理系统
  • ¥15 请问有没求偏多标签数据集yeast,reference,recreation,scene,health数据集。
  • ¥15 传感网应用开发单片机实训
  • ¥15 Delphi 关于sAlphaImageList使用问题
  • ¥15 寻找将CAJ格式文档转txt文本的方案
  • ¥15 shein测试开发会问些啥我是写java的
  • ¥15 关于#单片机#的问题:我有个课程项目设计,我想在STM32F103veTX单片机,M3主控模块上设计一个程序,在Keil uVision5(C语言)上代码该怎么编译?(嫌钱少我可以加钱,急急急)
  • ¥15 opnet仿真网络协议遇到问题