vue的图片懒加载
2020-04-29 本文已影响0人
最念倾城
图片懒加载
// 安装插件
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'>