v-fo中src拿不到img的地址,图片无法显示
view可以打印出list.data中的img值,说明数组没问题,已经拿到图片值;
将src直接赋值地址,有图片显示,那么就是src没有拿到图片地址;
网页元素检查中也发现,这里的图片img中没有显示图片url;
所以是src没有拿到值;
解决:src中的地址被当成字符串解释,所以在后面的script里面的数组定义中,图片地址要加上require,也就是写成:
‘img’: require(‘…/…/…/static/friut.jpg’);
解决v-for轮播图中图片无法显示
<view >
<swiper class="swiper">
<block v-for="(item,index) in lable" :key="index">
<swiper-item>
<block v-for="(listdata,index) in item" :key="index">
<view>
<!-- <view class="">
{{listdata.imge}} 这里可以打印出.imge的地址,说明地址没问题,是src取不到值
</view> -->
<image :src="listdata.imge" mode="widthFix" style="width: 20upx;height: 20upx;"></image>
<!-- <image :src=require("listdata.imge") mode="widthFix" style="width: 20upx;height: 20upx;"></image> -->
<!-- <image src="../../../static/coen/dingwei.png" mode="widthFix" style="width: 20upx;height: 20upx;">src直接赋值也没有问题 就是src拿不到.img地址</image> -->
<text>{{listdata.title}}</text>
</view>
</block>
</swiper-item>
</block>
</swiper>
</view>