项目场景:
微信小程序图片显示问题
问题描述:
配置了如下的图片路径,但是提示第二个显示有错误
data: {
count:0,
heart:true,
heartSrc:'image/heart.png',
heart_1_src:'image/heart_1.png'
},
但是程序提示如下错误:
实际项目图片所在层级为:
图片并不在component文件夹下,而且2张图片路径配置的是一样的,但是只有其中一张报错,不明白!!!
原因分析:
解决方案:
经过试验是路径写的有问题,在报错的图片路径前加个/就OK了,如下
data: {
count:0,
heart:true,
heartSrc:'image/heart.png',
heart_1_src:'/image/heart_1.png'
},
然后程序就正常了,不解。
为什么, 只有下面的图片需要加/,另外一个就不需要???
又测试了一下,发现上面的heartSrc:'image/heart.png’不加/虽然不会出现错误,但是运行起来的时候还是会报错,找不到图片,所以两个都需要加上/
完整代码如下:
data: {
count:0,
heart:true,
heartSrc:'/image/heart.png',
heart_1_src:'/image/heart_1.png'
},