收藏
回答

setData 设置数据流图片 造成页面卡顿渲染慢,怎么解决?

json 数据 每个对象里面都有个数据流图片 setData的时候更新数据量很大
这样一个列表可以怎么解决页面卡顿的问题

最后一次编辑于  09-04
回答关注问题邀请回答
收藏

4 个回答

  • Yayure
    Yayure
    09-06

    感觉不是你那方法的问题,你做的是在逻辑层把图片数据直接setData到视图层吧,setData太多数据会造成阻塞,所以会卡,除非你直接用image标签直接引链接

    09-06
    赞同
    回复 1
    • Yayure
      Yayure
      09-06
      你在setData前和setData后的回调打印下时间戳,看看花了多少时间,当有setData调用时会阻塞其他setData,再加上渲染的问题肯定会卡
      09-06
      回复
  • Slience 🍃
    Slience 🍃
    09-04


    09-04
    赞同
    回复 4
    • Derek
      Derek
      09-04
      是的,我现在切换的时候个首次进入都会很卡
      09-04
      回复
    • Slience 🍃
      Slience 🍃
      09-04回复Derek
      所以你不能一次性太多数据 分开来吧 你和后端商量好
      09-04
      回复
    • Derek
      Derek
      09-04
      谢谢
      09-04
      回复
    • Derek
      Derek
      09-06
      找到问题了,页面卡顿的原因是,地图画polyline 边界的时候,在mounted this.$set(this.polyline[0], "points", cityData.newArray); 造成了页面卡顿,有什么办法可以解决吗?
      09-06
      回复
  • G-STEPS街舞工作室
    G-STEPS街舞工作室
    09-04

    有没有可能把图片换成链接的形式

    09-04
    赞同
    回复 4
    • Derek
      Derek
      09-04
      连接请求和setData哪个会更快些
      09-04
      回复
    • G-STEPS街舞工作室
      G-STEPS街舞工作室
      09-04回复Derek
      你图片的数据也是通过接口传过来的吧?图片放cdn,肯定比你接口快
      09-04
      回复
    • Derek
      Derek
      09-04回复G-STEPS街舞工作室
      是的,不过后台要改的地方挺多
      09-04
      回复
    • Derek
      Derek
      09-06
      找到问题了,页面卡顿的原因是,地图画polyline 边界的时候,在mounted this.$set(this.polyline[0], "points", cityData.newArray); 造成了页面卡顿,有什么办法可以解决吗?
      09-06
      回复
  • 管凯旋
    管凯旋
    09-04

    你都知道了是图片导致数据量大,不能把这个图片数据干掉换一种吗~~

    09-04
    赞同
    回复 5
    • Derek
      Derek
      09-04
      后期再试一下,是在不行就只能叫后台改成链接或者其他的了
      09-04
      回复
    • 李聪
      李聪
      09-04回复Derek
      实在改不了就分页
      09-04
      回复
    • 管凯旋
      管凯旋
      09-04回复Derek
      图片存图片服务器,加载的时候用lazy-load
      09-04
      回复
    • Derek
      Derek
      09-04回复管凯旋
      OK
      09-04
      回复
    • Derek
      Derek
      09-06
      找到问题了,页面卡顿的原因是,地图画polyline 边界的时候,在mounted this.$set(this.polyline[0], "points", cityData.newArray); 造成了页面卡顿,有什么办法可以解决吗?
      09-06
      回复
问题标签