这是一个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>
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 |