问答

v-for 组件加载缓慢

作者:admin 2021-05-13 我要评论

子组件因为内部需要运算加载比较慢 导致父组件需要等待子组件加载之后才加载 有无办让父组件包含的其他组件先加载? 如 div v-for="item in list" a / b //div b...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

子组件因为内部需要运算加载比较慢 导致父组件需要等待子组件加载之后才加载
有无办让父组件包含的其他组件先加载?

<div v-for="item in list">
    <a />
    <b />
</div>

b加载缓慢 能否让a先加载?

###

确定是循环渲染 list 导致慢的话可以把这个渲染延后执行,比如——
初始化 list 的时候赋值为空数组:

data: () => ({
    list: [],
    originList: [],  // 这里放 list 本该赋予的值
})

然后在 mounted 阶段给 list 赋正确的值:

mounted() {
    // ...
    this.list = this.originList
}

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • v-for 组件加载缓慢

    v-for 组件加载缓慢

  • js如何判断两个时间最接近

    js如何判断两个时间最接近

  • jmeter HTTP请求报405

    jmeter HTTP请求报405

  • 前后端分离的Rsa加解密如何实现呢?

    前后端分离的Rsa加解密如何实现呢?

腾讯云代理商
海外云服务器