V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
hoveyLee00
V2EX  ›  程序员

Vue 表单问题

  •  
  •   hoveyLee00 · Nov 18, 2022 · 2482 views
    This topic created in 1255 days ago, the information mentioned may be changed or developed.

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

    8 replies    2022-11-19 10:22:02 +08:00
    shakaraka
        1
    shakaraka  
    PRO
       Nov 18, 2022
    虚拟滚动。自行找方案实现即可
    hoveyLee00
        2
    hoveyLee00  
    OP
       Nov 18, 2022
    @wunonglin 那滚动到底部后,节点全部都渲染上去后,是否还是会卡顿呢
    shakaraka
        3
    shakaraka  
    PRO
       Nov 18, 2022
    kevin1
        4
    kevin1  
       Nov 18, 2022
    @hoveyLee00 虚拟滚动只渲染会出现在视窗内的元素及上下少部分元素,不会把所有节点全部渲染上去,所以不会卡顿的。
    hoveyLee00
        5
    hoveyLee00  
    OP
       Nov 18, 2022
    @wunonglin 好的谢谢我试下
    hoveyLee00
        6
    hoveyLee00  
    OP
       Nov 18, 2022
    @kevin1 好的谢谢明白了我试下
    GreatAuk
        7
    GreatAuk  
       Nov 18, 2022
    目测只有虚拟列表能解了
    isolcat
        8
    isolcat  
       Nov 19, 2022
    虚拟滚动实现按需渲染可以降低渲染时间,应该可以解决你的卡顿问题
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   3562 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 35ms · UTC 11:48 · PVG 19:48 · LAX 04:48 · JFK 07:48
    ♥ Do have faith in what you're doing.