vue的图片懒加载

图片懒加载

// 安装插件
npm install vue-lazy-load
// 使用插件
import Vue from 'vue'
import lazyload from 'vue-lazy-load'
Vue.use(lazyload,{
    loading: '默认图片',
    error: '加载错误图片'
    }
)
//使用v-lazy指令
 <div v-for="img in list">
    <img v-lazy="img">
 </div>

img的标签换成 <img v-lazy='图片地址'>

<img v-lazy='uri'>