yyh1102 / Vue Lazyload Images
Licence: mit
A plugin of lazy-load images for Vue2.x
Stars: ✭ 61
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
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
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
A plugin of lazy-load images for Vue2.x
Support images lazyload in window or build-in element.
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].