vimageplace

图片占位图，图片懒加载

Usage no npm install needed!

<script type="module">
  import vimageplace from 'https://cdn.skypack.dev/vimageplace';
</script>

README

vImagePlace

基于vue的图片占位图，懒加载插件

源码：https://github.com/xzzfxz/imagePlace

安装

$ npm install vimageplace -S

使用

在 main.js 引入并注册

import vimageplace from "vimageplace";
// 样式
import "vimageplace/lib/vimageplace.css";
Vue.use(vimageplace);

之后在组件中使用

<template>
  <imagePlace src="路径" />
</template>

配置

default-src: 默认的占位图，如果图片路径是本地路径，需要用require引用，如：

<imagePlace :default-src="require('../images/test.png')" src="路径" />

src: 要显示的图片路径，配置同default-src。

lazy: 是否启用懒加载，使用方式：

<imagePlace lazy src="路径" />