vue动态src不显示图片的问题
data(){return{weather_weatherimg:'../img/'//我的路径是这样}}this.weather_weatherimg +=data.weatherimg;//拼接之后是../img/xxx.png路径没有错误,但是图片并不显示出来。原因是图片不能被识别被编译。修改为在js数据中如何引用图片 因为webpack会将图片当做模块来引用,所以在js中需要使用requi
·
原来的路径是:src=“weather_weatherimg”
data(){
return{
weather_weatherimg:’…/img/’ //我的路径是这样
}
}
this.weather_weatherimg +=data.weatherimg;//拼接之后是…/img/xxx.png
路径没有错误,但是图片并不显示出来。
原因是图片不能被识别被编译。
修改为 :src=“require(’…/img/’+weather_weatherimg)”
在js数据中如何引用图片 因为webpack会将图片当做模块来引用,所以在js中需要使用require将图片引用进来,不能直接以字符串的形式。
更多推荐
已为社区贡献1条内容
所有评论(0)