(vue):src图片不显示解决办法

(vue):src图片不显示解决办法

---

总结几个可以解决本地图片路径显示不出来的问题：

1.把图片放在src同级的static文件夹下。
2.把图片放在cdn上，把网络地址存在imgUrl里，然后直接去展示。
3.图片放在assets文件夹，然后在data里面require进图片

• 展示法三用法：

//html写法：
<el-carousel-item v-for="(item,index) in houseObj.imgList" :key="index">
   <img :src="require('../../assets/image/'+item)" alt="" :size="400">
</el-carousel-item>

//data写法：
<img :src="url"/>
data() {
    return {
      url: require("../assets/images/zd_logo.png"),
    }
}  

---

解决参考：https://blog.csdn.net/SugarXiXixi/article/details/109735379