用到一个插件 vue-lazyload
安装:
npm install --save vue-lazyload
使用:
在main.js中引入:
import VueLazyload from ' vue-lazyload'
import loading from '../image/xx.gif'
Vue声明使用
Vue.use(VueLazyload ,{
loading
}) // 内部会自定义一个全局指令 lazy 来实现图片懒加载
在组件中使用:
<img v-lazy="hu.image">