给图片地址连接前面加上 require(),如下图:
<div class="swiper-slide" v-for="(item, i) in imgs" :key="i">
<img
style="width: 100%; height: 100%"
:src="item.mainpic"
:alt="i"
/>
</div>
imgs: [
{
"id":'',
mainpic: require("@/assets/2.jpg"),
pic1: require("@/assets/2.jpg"),
pic2: require("@/assets/2.jpg"),
pic3: require("@/assets/2.jpg")
}]