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