0
点赞
收藏
分享

微信扫一扫

ELK实验部署过程

Villagers 2023-07-13 阅读 41

在这里插入图片描述

该图片是通过后端接口返回picUrl来给img的src赋值 但是后端接口响应较慢 导致html加载完 data也没赋到值 图片加载裂开
解决办法:img标签添加@error事件获取错误信息回调
<img v-if="certificateUrl" :src="certificateUrl" class="certificate-img" @error="imageError" />

 imageError(event) {
            let img = event.target;
            event.target.style.objectFit = 'contain'; // 这个无所谓
            event.target.style.height = '646px'; // 默认设置高度
            img.src = this.certificateUrl; // url是在data中定义的
            img.onerror = null; // 防止闪图
        },

给img的src重新赋值 直到赋上为止

举报

相关推荐

初学ELK - elk部署

CentOS部署ELK

docker部署elk

docker部署ELK

Linux部署ELK

实验 elk+filebeat+kafka

ELK Elasticsearch 集群部署

0 条评论