V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
zarte
V2EX  ›  问与答

vue v-for 动态生成多个相同组件如何优化?

  •  
  •   zarte · 2020-08-30 22:11:20 +08:00 · 1875 次点击
    这是一个创建于 1538 天前的主题,其中的信息可能已经有所发展或是发生改变。

    后端数据追加的方式添加到数组,有方法可以使已渲染的组件不重新渲染么?或者有不用 v-for 可以实现的方式吗?

    9 条回复    2020-08-31 21:53:27 +08:00
    silaike
        1
    silaike  
       2020-08-30 22:21:26 +08:00 via iPhone
    key 值
    mxT52CRuqR6o5
        2
    mxT52CRuqR6o5  
       2020-08-31 01:50:54 +08:00 via Android
    如果数据量很大的话考虑分页 /原生
    sologgfun
        3
    sologgfun  
       2020-08-31 07:02:39 +08:00
    1 楼正解
    optional
        4
    optional  
       2020-08-31 07:22:16 +08:00
    v-for 现在不填 key 不是会报错么,填了 key 就不会重复渲染了。
    zarte
        5
    zarte  
    OP
       2020-08-31 09:23:30 +08:00
    @silaike xiexie
    bojackhorseman
        6
    bojackhorseman  
       2020-08-31 09:33:24 +08:00
    @optional #4 他可能 key 值写的是 index
    zarte
        7
    zarte  
    OP
       2020-08-31 09:44:14 +08:00
    @bojackhorseman 是的了。。。
    agdhole
        8
    agdhole  
       2020-08-31 09:52:33 +08:00
    virtual-scrollers
    zarte
        9
    zarte  
    OP
       2020-08-31 21:53:27 +08:00
    @agdhole 不只是滚动卡问题,页面任何操作都卡。。。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2738 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 22ms · UTC 05:33 · PVG 13:33 · LAX 21:33 · JFK 00:33
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.