关于动态引用本地图片加载失败

来源: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语法,你百度一下

0
4
慕粉1244534
<...图片...> 这样写没问题了
2021-10-21
共4条回复

Vue3入门与项目实战 掌握完整知识体系

明星讲师DELL亲授,全方位知识点+高匹配度项目,入门到深度掌握

3382 学习 · 1454 问题

查看课程