All Projects → yyh1102 → Vue Lazyload Images

yyh1102 / Vue Lazyload Images

Licence: mit
A plugin of lazy-load images for Vue2.x

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Vue Lazyload Images

Vue Awesome Swiper
🏆 Swiper component for @vuejs
Stars: ✭ 12,072 (+19690.16%)
Mutual labels:  vue-components, vue2, vue-plugin
Vue Touch Ripple
👆 Touch ripple component for @vuejs
Stars: ✭ 443 (+626.23%)
Mutual labels:  vue-components, vue2, vue-plugin
vue2
【🔥Vue.js资讯📚】目前web前端开发非常火爆的框架;定时更新,欢迎 Star 一下。
Stars: ✭ 415 (+580.33%)
Mutual labels:  vue-components, vue2, vue-plugin
Vue Quill Editor
🍡@quilljs editor component for @vuejs
Stars: ✭ 6,874 (+11168.85%)
Mutual labels:  vue-components, vue2, vue-plugin
Vue Codemirror
⌨️ @codemirror component for @vuejs
Stars: ✭ 2,115 (+3367.21%)
Mutual labels:  vue-components, vue2, vue-plugin
vue-drag-zone
Drag Zone component for @vuejs
Stars: ✭ 127 (+108.2%)
Mutual labels:  vue-components, vue2, vue-plugin
Vue2
【🔥Vue.js资讯📚】目前web前端开发非常火爆的框架;定时更新,欢迎 Star 一下。
Stars: ✭ 395 (+547.54%)
Mutual labels:  vue-components, vue2, vue-plugin
Vuestic Admin
Free and Beautiful Vue 3 Admin Template
Stars: ✭ 8,398 (+13667.21%)
Mutual labels:  vue-components, vue2
Atui
A Vue.js 2.0 UI Toolkit for Web
Stars: ✭ 674 (+1004.92%)
Mutual labels:  vue-components, vue2
Vuejs Paginate
A Vue.js(v2.x+) component for creating pagination.
Stars: ✭ 697 (+1042.62%)
Mutual labels:  vue-components, vue2
Vue Image Loader
Vue progressive image loader plugin like Medium
Stars: ✭ 47 (-22.95%)
Mutual labels:  vue-components, vue2
Vuesax
New Framework Components for Vue.js 2
Stars: ✭ 5,293 (+8577.05%)
Mutual labels:  vue-components, vue2
Vuelayers
Web map Vue components with the power of OpenLayers
Stars: ✭ 532 (+772.13%)
Mutual labels:  vue-components, vue2
Pure Vue Chart
Simple and lightweight vue chart component without using chart library dependencies
Stars: ✭ 50 (-18.03%)
Mutual labels:  vue-components, vue2
Vue Gl
Vue.js components rendering 3D WebGL graphics reactively with three.js
Stars: ✭ 434 (+611.48%)
Mutual labels:  vue-components, vue2
Vue Snotify
Vuejs 2 Notification Center
Stars: ✭ 755 (+1137.7%)
Mutual labels:  vue-components, vue2
Fish Ui
A Vue.js 2.0 UI Toolkit for Web
Stars: ✭ 861 (+1311.48%)
Mutual labels:  vue-components, vue2
Vuex Flash
VueJs Flash Message Component within Vuex
Stars: ✭ 54 (-11.48%)
Mutual labels:  vue-components, vue2
Vue Share Buttons
🔗A set of social buttons for Vue.js
Stars: ✭ 34 (-44.26%)
Mutual labels:  vue-components, vue2
Everyone
🍊Ant Design UI library for Vuejs 2.0
Stars: ✭ 38 (-37.7%)
Mutual labels:  vue-components, vue2

vue-lazyload-images

npm Build Status Coverage Status npm

A plugin of lazy-load images for Vue2.x

Support images lazyload in window or build-in element.

Demo

Demo

Installation

npm

$ npm install vue-lazy-images

or

script

<script src="dist/VueLazyImages.js"></script>

Usage

Entry.js

import Vue from "vue"
import VueLazyImage from "vue-lazy-images";
Vue.use(VueLazyImage)

Template

<lazy-image 
    :src='url'
    :img-class='string'  //or :img-class="['classname1','classname2']"
    :placeholder='url of placeholder or loading image'  
/>

Options

Vue.use(VueLazyImage,options)

key description default type
offset offset distance for pre-loading 0 Number
events events that you want parentNode listen for ['scroll', 'wheel', 'mousewheel', 'resize', 'animationend', 'transitionend', 'touchmove'] Array
throttle spacing interval of continuous calling 0(ms) Number
debounce idle time between two actions 0(ms) Number
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].