图片放置在assets下面，然后写到data中是不会被解析的。如果想要解析，就利用require方法引用一下。 比如在假的json中引用如下属性： 　 1 　img1:require('../../assets/images/1.jpg') 需要require引用图片路径 ...

大家好，我是前端队长Daotin，想要获取更多前端精彩内容，关注我(全网同名)，解锁前端成长新姿势。 以下正文： 今天遇到一个在vue文件中引入本地图片的问题，于是有了这篇文章。 通常，我们的一个img标签在html中是这么写的： 这种写法只能引用相对路径下的图片。不能使用绝对路径 ...

方法一：直接引入vue.js文件的h5页面 created（）{ 　　变量直接存一下路径 　　var imgurl1 = "./img/tutu1.png" 　　然后直接赋值。 　　this.neme} 方法二：框架里面引入本地图片（在引入vue.js的情况下使用会报 ...

不知道各位小伙伴有没有在开发遇到一个问题，就是在线上的项目使用后台返回本地图片路径，然后加载不上的情况呢？ 我的解决方法就是：先在项目的data下定义好这样一个数组用于存放需要加载的路径 [ 　　{name:"张山" url：require（./img/zhangshan.png ...

[0].img = imgurl1 } 方法二：框架里面引入本地图片（在引入v ...

" />上传图片 </a> :src="imgsrc" ...

不少人在vue的开发中遇到这样一个问题： img的src属性绑定url变量，然而图片加载失败。 大部分的情况中，是开发者使用了错误的写法，例如： src="{{ imgUrl }}"/> 这样写肯定是不对的，正确的写法应该使用v-bind: ...

:src="require('../img'+item+'.png')" /> ...