vue项目中，当后端返回来的img图片src地址获取失败时

css用到flex布局很常见，但是使用中遇到了img元素，无时选择默认，反之用后端传递过来的地址。此时后端传递过来的的地址，在浏览器中打开是无法获取到时，由于flex布局的原因，导致后面的元素先前顶，占据原来的位置。为了解决这个问题，你或许需要如下 *** 作：

你需要这样做

为什么是$event ？

最后在methods里面定义方法

当页面里有ajax请求数据，然后渲染的时候，dom会有展开的一瞬，产品觉得无法接受，so

想到了image的onload事件，当加载完成之后再显示页面

在加载完成之后再显示页面，就不会有展开的感觉，完美解决~

在使用vue3的过程中，vant在移动端的地位还是很高的，本文简单介绍一下如何在自己项目中实现ImagePreview预览效果，获取索引,点击哪一张就预览哪一张

一、效果图如下

二、实现步骤，分为3步

1、局部注册ImagePreview

2、定义处理方法openImg，执行imagepreview函数

3、点击调用openImg函数预览效果

在vant中 ImagePreview 预览的详细参数请看这里 更多喔！

这里我封装成了一个promise

3步骤二: 前端使用

由于之前直接用windowURLcreateObjectURL,加载响应,但是出现错误,

Failed to execute 'createObjectURL' on 'URL': No function was found that matched the signature provided

4步骤三:使用

所以在网上找了一下解决方式:

>

以上就是关于vue项目中，当后端返回来的img图片src地址获取失败时全部的内容，包括:vue项目中，当后端返回来的img图片src地址获取失败时、vue 图片加载完成事件、vue3、vant 中 ImagePreview 图片预览等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！