❤
npm
Sign UpSign In

vue-lazyimg

0.2.3 • Public • Published

Vue-LazyImg

A tiny and stable lazyload plugin for Vue.

For Vue 1.x, please use npm install vue-lazyimg^0.1.0 to install vue-lazyimg.

For Vue 2.x, use npm install vue-lazying.

Introduction.

<body>
  <!-- Load image and set to 'src'. -->
  <img v-lazy="image1">
 
  <!-- Load image and set to 'background-image'. -->
  <div v-lazy-bg="image2"></div>
</body>
import Vue from 'vue'
import LazyImg from 'vue-lazyimg'
 
Vue.use(LazyImg) 
 
const Root = new Vue({
  el: 'body',
  data: {
    image1: 'link-to-my-awesome-background-01.jpg',
    image2: 'link-to-my-awesome-background-02.jpg'
  }
})

License.

© 2016 LancerComet. MIT License.

Readme

Keywords

Package Sidebar

Install

npm i vue-lazyimg

Repository

github.com/LancerComet/vue-lazyimg

Homepage

github.com/LancerComet/vue-lazyimg#readme

Weekly Downloads

0

Version

0.2.3

License

MIT

Last publish

Collaborators

  • pwch
Try on RunKit
Report malware