关于动态引用本地图片加载失败
来源:11-1 购物车的样式开发

慕粉1244534
2021-10-19
看到这个章节,想到以前遗留的一个问题,我想动态的引用本地的图片,但是这样操作后页面显示的裂开的图片,尝试了网上的两种解决办法也不能有效的解决,希望同学们和老师不吝赐教。
<img class="icons__item__img" :src="`../../assets/${item.imgName}.png`" />
setup() {
const iconsList = [
{ imgName: '超市', desc: '超市便利' },
{ imgName: '菜市场', desc: '菜市场' },
{ imgName: '水果店', desc: '水果店' },
{ imgName: '鲜花', desc: '鲜花绿植' },
{ imgName: '医药健康', desc: '医药健康' },
{ imgName: '家居', desc: '家居时尚' },
{ imgName: '蛋糕', desc: '烘培蛋糕' },
{ imgName: '签到', desc: '签到' },
{ imgName: '大牌免运', desc: '大牌免运' },
{ imgName: '红包', desc: '红包套餐' }
]
return { iconsList }
}
写回答
1回答
-
Dell
2021-10-20
图片不能这么写,要用到require语法,你百度一下
042021-10-21
相似问题