【问题标题】:Getting a Vue Error: Cannot find module for image for dynamic image出现 Vue 错误:找不到动态图像的图像模块
【发布时间】:2022-01-15 17:38:14
【问题描述】:

我查看了Vue cannot find module image location 并没有找到解决方案。

当我硬编码时在我的代码中

:src="require('@/assets/featured/pizzaOne.jpeg')"

我得到了图像。 但是当我尝试

:src="require(`${item.img}`)"

我收到错误:找不到模块“@/assets/featured/pizzaOne.jpeg” 不知道为什么以及如何解决这个问题

【问题讨论】:

    标签: image vue.js src


    【解决方案1】:

    如果您可以将item.img 更改为仅命名pizzaOne.jpeg,则在方法中:

    methods: {
      getImgUrl: function (img) { 
         return require('@/assets/featured/' + img);
      }
    }
    

    以模板结尾:

    <img :src="getImgUrl(item.img)" />
    

    【讨论】:

    • 谢谢,为什么会这样?
    • 很好的解决方案!它可以工作,但您需要确保方法名称 getImgUrl 标记中使用的名称匹配。所以它要么是getImgUrl 要么是getImage,或者任何你喜欢的,只要名字匹配。
    猜你喜欢
    • 2020-09-01
    • 2020-11-24
    • 1970-01-01
    • 1970-01-01
    • 2016-08-16
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多