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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue项目中,当后端返回来的img图片src地址获取失败时相关的知识,希望对你有一定的参考价值。

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

你需要这样做

为什么是$event ?

最后在methods里面定义方法

以上是关于vue项目中,当后端返回来的img图片src地址获取失败时的主要内容,如果未能解决你的问题,请参考以下文章

vue项目创建自定义指令处理img地址失效问题

vue中img的src绑定

Vue项目中img标签src的路径问题

在vue项目开发中, 为啥图片要用require 引入。。。而不是直接写本地路径

Vue项目中v-bind动态绑定src路径不成功

图片src拼接后台返回ID