介绍

1:当图片加载失败时,给出错误提示。

2:当图片加载中时,给出加载提示。

3:图片处理模式:等比缩放/裁剪/填充/...

1、图片加载状态处理

通过给图片绑定load事件与error事件处理函数来判断图片加载状态。当图片加载完成时会触发load事件;图片加载出错会触发error事件

// 样本
<img src="..." @load=onLoad @error=onError>

2、图片模式

通过css属性 object-fit(https://developer.mozilla.org/zh-CN/docs/Web/CSS/object-fit) 来控制图片如何适应容器大小。

3、代码

<template>
<div class="tm-image" :style="style" @click="onClick">
<img :src="src"
:alt="alt"
:style="{'object-fit': mode}"
@load="onLoad"
@error="onError">
<div v-if="this.loading" class="tm-image-load">
<slot name="loading">加载中</slot>
</div>
<div v-if="this.error" class="tm-image-error">
<slot name="error">加载出错</slot>
</div>
</div>
</template>
<script>
import suffixPx from '../../utils/suffixPx.js'; export default {
name: "tm-image",
data() {
return {
loading: true,
error: false
}
},
props: {
src: String,
alt: String,
mode: { // 模式:https://developer.mozilla.org/zh-CN/docs/Web/CSS/object-fit
type: String,
default: "fill",
validator(value) {
return ['contain', 'cover', 'fill', 'none', 'scale-down'].includes(value);
}
},
width: [String, Number],
height: [String, Number]
},
computed: {
style() {
return {
width: suffixPx(this.width),
height: suffixPx(this.height)
}
}
},
methods: {
onClick(event) {
this.$emit('click', event); // 向父节点传递一个自定义事件
},
onLoad(event) {
this.loading = false;
this.$emit('loading', event); // 向父节点传递一个自定义事件
},
onError(event) {
this.loading = false;
this.error = true;
this.$emit('error', event); // 向父节点传递一个自定义事件
}
}
}
</script>
<style scoped>
.tm-image{
position: relative;
overflow: hidden;
}
.tm-image .tm-image-load,
.tm-image .tm-image-error{
position: absolute;
top:;
left:;
width: 100%;
height: 100%;
background: #f2f2f2;
color: #666;
display: flex;
align-items: center;
justify-content: center;
}
.tm-image img {
width: 100%;
height: 100%;
}
</style>

个人项目

Vue组件https://gitee.com/whnba/component

淘宝天猫粉丝专享优惠券

aaarticlea/png;base64,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" alt="" width="300" />

vue 自定义image组件的更多相关文章

  1. vue自定义全局组件(自定义插件)

    有时候我们在做开发的时候,就想自己写一个插件然后就可以使用自己的插件,那种成就感很强.博主最近研究element-ui和axios的时候,发现他们是自定义组件,但是唯一有一点不同的是,在用elemen ...

  2. vue 自定义报警组件

    1.自定义报警组件 Alarm.vue <!-- 报警 组件 --> <template> <div class="alarm"> <!- ...

  3. vue自定义select组件

    1.目的 看了很多element-ui的源码,决定自己实现一个简单的select组件,遇到的几个难点,便记录下来. 2.难点一 element-ui中的select组件通过v-model可以绑定数据, ...

  4. vue 自定义分页组件

    vue2.5自定义分页组件,可设置每页显示条数,带跳转框直接跳转到相应页面 Pagination.vue 效果如下图: all: small(只显示数字和上一页和下一页): html <temp ...

  5. Vue自定义日历组件

    今天给大家介绍Vue的日历组件,可自定义样式.日历类型及支持扩展,可自定义事件回调.Props数据传输. 线上demo效果 示例 Template: <Calendar :sundayStart ...

  6. vue自定义分页组件---切图网

    vue2.5自定义分页组件 Pagination.vue,可设置每页显示条数,带跳转框直接跳转到相应页面,亲测有用.目前很多框架自带有分页组件比如elementUI,不过在面对一个拿到PSD稿,然后重 ...

  7. vue自定义日期组件

    vue-datepicker 基于 vuejs 2.x 可自定义主题的日期组件 github Usage 只需要在项目中加入 calendar.vue,就可以使用了. 向组件传入 prop 即可改变 ...

  8. vue 自定义封装组件 使用 model 选项

    自定义组件的 v-model 一个组件上的 v-model 默认会利用名为 value 的 prop 和名为 input 的事件,但是像单选框.复选框等类型的输入控件可能会将 value 特性用于不同 ...

  9. Vue 自定义事件 && 组件通信

    1 App.vue 2 <template> 3 <!-- 4 组件的自定义事件: 5 1.一种组件间通信的方式,使用于:子组件===>父组件 6 2.使用场景:A是父组件,B ...

随机推荐

  1. Java_jdbc 基础笔记之七 数据库连接(方法升级)

    之前的更新方法 public static void update(String sql) { Connection conn = null; Statement statement = null; ...

  2. WebGL调试工具分享

    学习WebGL,我们需要一些好用的调试工具,下面分享3个常用的调试工具. WebGL Inspector 下载地址:https://github.com/benvanik/WebGL-Inspecto ...

  3. Flutter中管理路由栈的方法和应用

    原文地址:https://www.jianshu.com/p/5df089d360e4 本文首先讲的Flutter中的路由,然后主要讲下Flutter中栈管理的几种方法. 了解下Route和Navig ...

  4. php composer 报错 requires php ^7.1.8 || ^8.0 -> your php version

    php 环境变量版本低于7.1.8,更新php环境变量版本

  5. [转]彻底解决deepin linux的无线网络问题

    链接地址:https://bbs.deepin.org/forum.php?mod=viewthread&tid=153154

  6. 【SSH进阶之路】Hibernate映射——多对多关联映射(八)

    上篇博文[SSH进阶之路]Hibernate映射——一对多关联映射(七),我们介绍了一对多关联映射,它是多对多关联映射的基础. 多对多映射是现实生活中最常见的映射,也是最容易理解的映射.废话少说,直接 ...

  7. 高级UI-滤镜和颜色通道

    滤镜在图片处理里面有很多的运用,尤其是相机使用了大量的滤镜,通过对颜色通道的调和,可以呈现出各种各样的效果 对图像进行一定的过滤加工处理,使用Paint设置滤镜效果 很多高级UI使用时候需要关闭硬件加 ...

  8. ztree取消之前选中状态并设置新的选中

    var zTreeObject = $.fn.zTree.getZTreeObj("treeId"); var node = zTreeObject.getNodeByParam( ...

  9. SpringBoot中的@ConfigurationProperties

    有什么用 该注解的作用类似于@Value,即为组件中的属性进行赋值. 怎么用 首先是建立一个springboot的工程,不再赘述. 首先我们建立一个Person类和一个Dog类. package co ...

  10. SecureCRT日志优化

    SecureCRT日志优化 用了这么多ssh软件,但对secureCRT情有独钟.今天来对做一下对SecureCRT的优化 一.手动模式: 选择"File"->"L ...