vue-webp-lazyload

vue-webp-lazyload

intro

A concise Vue plugin that provides webp images and lazyload

download

npm install -save vue-webp-lazyload

usage

main.js

import lazyLoad from '@/vue-lazyload/index.js'

Vue.use(lazyLoad,{
  loadImg:'/static/loading.svg',
  failImg:'/static/fail.png',
  openWebp:false
})

template

 <img v-webp="{image:'https://grewer.github.io/dataSave/back.jpg',
      webp:'https://grewer.github.io/dataSave/back.webp'}">

grammar

param	explanation
loadImg	Loading picture
failImg	Failed to load the picture
openWebp	Whether to support webp picture

---

github

License

MIT

Copyright (c) 2018-present, Grewer