vue-img-proxy
这是一个Vue2.x的图片代理组件，当你的页面有图片显示时，发送http请求图片url时必须等待服务器返回才可，使用该组件可图片未加载完成前先显示一张默认图片，图片加载完成后再替换掉默认图片，如果图片加载失败则替换为加载失败的图片
Install
npm install vue-img-proxy --save
Usage
install as global component
import Vue from 'vue'import VueImgProxy from 'vue-img-proxy' Vue.component('VueImgProxy', VueImgProxy)install as something component
import VueImgProxy from 'vue-img-proxy' const app = new Vue({ components: { VueImgProxy }})template code
<vue-img-proxy :src="img" :title="title" @loaded=""></vue-img-proxy>API
Attributes
| property name | description | type | default value |
|---|---|---|---|
| src | image url | String | null |
| title | will replace image title alt attr | String | '' |
methods
| property name | description | type | default value |
|---|---|---|---|
| loaded | image load finished emit | function | null |