0.1.0 • Published 4 years ago
@liguang/img-loader-directive v0.1.0
img-loader-directive
使用方法
- 引入
import ImageLoaderDirective from '@liguang/img-loader-directive'
Vue.use(ImageLoaderDirective)
使用
- 当前DOM节点不是
IMG
时,在加载过程中,会在相应DOM上添加small-loading
样式 - 当前DOM节点如果是
IMG
,只会设置对应的src
属性
- 当前DOM节点不是
参数说明
- url: 必须传入
- defaultUrl: 可选,如果未传,则加载失败时,不显示任何内容
- defaultStyle: 图片加载失败时的样式
ulr可以为promise,返回图片路径. 但使用Promise时,防止出现 由于页面的刷新,返回的Promise对象随之变化(会导致每次刷新都会重新加载图片)。
<div v-img-loader="{url: '图片路径', defaultUrl: '图片加载失败时的图片路径', defaultStyle: {}}">
</div>
0.1.0
4 years ago