vue之踩坑之 img图片无法显示

问题描述:

img的src已经成功显示,也给img设置了宽高等等,但是审查元素的时候,宽高依然显示为0,在确保自己写的样式是没有问题的情况下,第一次感觉到代码的叛逆

解决方案:

  1. 在写css的时候,不能给img标签本身加样式,在组件中直接给img加上 width:100%,height:100%;有相关的样式,可以再组件中写行间样式,或者是给img标签嵌套一个元素,将相关的样式添加在父级元素身上。

  2. 如果以上修改依然没有出来,将img的src用require引入

this.sexImg = require("../../assets/images/funs/man.png")
<img :src="sexImg" alt="" width="100%" height="100%">

你可能感兴趣的:(项目中遇到的问题,vue)