vue-lazyload如何懒加载背景图

Question

:style="{ backgroundImage: 'url(' + video.coverPicture + ')'}"
我有许多图片是以背景图的方式动态添加的,这种应该如何懒加载呢?### 问题描述

Answer 1

<div v-lazy:background-image="item.img" v-for="item in data"></div>

Answer 2

你可以在你需要的动态加载的组件，将 背景图样式方案 设置 修改 成js加载背景样式。当滚动事件触发，js自然加载不同背景。