该图片是通过后端接口返回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重新赋值 直到赋上为止