V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
hoveyLee00
V2EX  ›  程序员

Vue 表单问题

  •  
  •   hoveyLee00 · 2022-11-18 23:29:42 +08:00 · 1774 次点击
    这是一个创建于 754 天前的主题,其中的信息可能已经有所发展或是发生改变。

    Vue 表单下拉框数据过多引起的问题,在使用 v-show 显示隐藏 dom 节点的时候会有 3-4 秒卡顿问题,有什么优化方案吗,在使用 vue-devtools 查看的时候也会很卡

    8 条回复    2022-11-19 10:22:02 +08:00
    wunonglin
        1
    wunonglin  
       2022-11-18 23:31:20 +08:00
    虚拟滚动。自行找方案实现即可
    hoveyLee00
        2
    hoveyLee00  
    OP
       2022-11-18 23:32:29 +08:00
    @wunonglin 那滚动到底部后,节点全部都渲染上去后,是否还是会卡顿呢
    wunonglin
        3
    wunonglin  
       2022-11-18 23:36:09 +08:00
    kevin1
        4
    kevin1  
       2022-11-18 23:44:17 +08:00
    @hoveyLee00 虚拟滚动只渲染会出现在视窗内的元素及上下少部分元素,不会把所有节点全部渲染上去,所以不会卡顿的。
    hoveyLee00
        5
    hoveyLee00  
    OP
       2022-11-18 23:51:32 +08:00
    @wunonglin 好的谢谢我试下
    hoveyLee00
        6
    hoveyLee00  
    OP
       2022-11-18 23:51:44 +08:00
    @kevin1 好的谢谢明白了我试下
    GreatAuk
        7
    GreatAuk  
       2022-11-18 23:52:14 +08:00
    目测只有虚拟列表能解了
    isolcat
        8
    isolcat  
       2022-11-19 10:22:02 +08:00
    虚拟滚动实现按需渲染可以降低渲染时间,应该可以解决你的卡顿问题
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5086 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 21ms · UTC 07:32 · PVG 15:32 · LAX 23:32 · JFK 02:32
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.