当前位置: 首页 > 工具软件 > ng-lazy-image > 使用案例 >

vue v-lazy图片懒加载

孟鸿朗
2023-12-01

最初获取图片是在mounted里的 但是这样会有bug->获取了页面资源后滚动也页面图片加载失败

 <el-container class="supervision--addedit" v-lazy:background-image="bgImage">
 </el-container>
mounted() {
    this.bgImage ='xxxxxx'
  },

解决方案:
将获取图片资源的方法写到created里即可:
已经渲染了dom之后,才获取的图片地址,此时那个dom的背景图片是没有的,就先报获取失败了
放created的话,dom还没渲染,先获取图片地址,再渲染的dom

 类似资料: