1.0.0-alpha.1 • Published 5 years ago

vue3-lazy v1.0.0-alpha.1

Weekly downloads
27
License
-
Repository
-
Last release
5 years ago

vue3-lazy

Status: Alpha.

Lazy load plugin for Vue 3.x inspired by vue-lazyload.

This plugin support very simple options, and easy to use.

Install

$ npm install vue3-lazy -S

Usage

main.js:

import { createApp } from 'vue'
import App from './app'
import lazyPlugin from 'vue3-lazy'

const app = createApp(App)
lazyPlugin.install(app, {
  loading: 'loading.png',
  error: 'error.png'
})
app.mount('#app')

template:

<ul>
  <li v-for="img in list">
    <img v-lazy="img.src" >
  </li>
</ul>

Lazy Options

keydescriptiondefaultoptions
errorsrc of the image upon load fail'data-src'String
loadingsrc of the image while loading'data-src'String