标签：image for ack span target lazy 地址 文件 install
vue-lazyload简单使用
github地址：https://github.com/hilongjw/vue-lazyload
1.安装插件
npm install vue-lazyload --save
2.引用文件，一般在main.js全局引用，及全局配置
import Vue from ‘vue‘ import App from ‘./App.vue‘ import VueLazyload from ‘vue-lazyload‘ Vue.use(VueLazyload) // or with options Vue.use(VueLazyload, { preLoad: 1.3, error: ‘dist/error.png‘, loading: ‘dist/loading.gif‘, attempt: 1 }) new Vue({ el: ‘body‘, components: { App } })
3. vue文件中将需要懒加载的图片绑定 v-bind:src 修改为 v-lazy
<ul>
<li v-for="img in list">
<img v-lazy="img.src" >
</li>
</ul>
4、vue文件中需要懒加载的背景图片，v-lazy:background-image="imgUrl"
<div v-lazy:background-image="imgLink"></div>
标签：image for ack span target lazy 地址 文件 install
原文地址：https://www.cnblogs.com/tuspring/p/11971256.html
