0.1.18 • Published 4 years ago
vimageplace v0.1.18
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="路径" />