img src 无法显示图片问题

在vue中如果利用v-for进行循环
循环体中image的src可能解析不出来


```html
<div class="baseCourseColumn" v-for="(item,index) of baseCourseColumn" :key="index">
<img :src="item.image" class="baseCourseImage2">
<div class="baseCourseTitle">{{item.baseCourseTitle}}</div>
<div class="baseCourseParticulars">{{item.baseCourseParticulars}}</div>
</div>

```javascript
{
image: './img/MachineCamp.png',
baseCourseTitle: '机营股',
baseCourseParticulars: '人性 精细 健康 安全'
}

比如这段代码中src如果是./img/MachineCamp.png 这种形式是浏览器无法解析出来的

猜测是浏览器解析的顺序或者img解析标签的时候出了什么问题

目前解决办法是利用require引入

例如

image: require('./img/militarySupplies.png'),

即可解决

img src 无法显示图片问题相关推荐

Vue v-for :src 循环显示图片
Vue v-for :src 循环显示图片 <divclass="col-xs-12 col-md-6"v-for="(row, index) in songMen ...
关于Img标签绑定:src不显示图片
问题如下图所示动态绑定src,不显示图片,将路径换成网络图片地址又可以显示解决方法引用本地图片需要加上require,使用require定义之后,就可以动态使用了,不用require你就只能写死 ...
vue项目中动态绑定src不显示图片解决方法
<div class="banner" style="position: static; "><ul><li v-for=&quo ...
html加载完显示图片,js图片未加载完显示loading效果
js图片未加载完显示loading效果 img{float:left;200px;height:200px;margin:0 10px 10px 0} //判断浏览器 var Browser=new ...
直接用img 的src属性显示base64转码后的字符串成图片【原】
直接用<img> 的src属性显示base64转码后的字符串成图片 <img src="data:image/gif;base64,base64转码后的字符串" ...
解决IE浏览器下img src通过请求方式不显示图片的问题
ie下通过以下方式请求图片显示的加载失败的图片原因是请求路径中包含了中文字符,通过encodeURI()进行转码即可原请求地址: <img class="fileImg" ...
Flask显示图片并设置图片的缓存时间
1.显示图片想要Flask在网页中显示图片,需要使用template 模板,例如 index.py from flask import Flask, render_template, url_for ...
GridView显示图片
参考文章:http://www.cnblogs.com/jll/archive/2005/12/14/297153.html 以下内容出处忘了 = =! 在ASP.NET中经常需要使用GridView ...
Jupyter notebook导出的html文件不能够正确显示图片
Jupyter notebook导出的html文件不能够正确显示图片文章目录: 1 jupyter notebook显示图片方式 1.1 在code模式下 1.2 在Markdown模式下 2 up ...

img src 无法显示图片问题

img src 无法显示图片问题相关推荐

最新文章

热门文章