Vuetify v-img未加载带有绝对路径的图像

yfjy0ee7 于 2023-03-09 发布在 Vue.js

关注(0)|答案(2)|浏览(128)

问题很简单：我想在vuetify中显示带有v-img标签的绝对路径中的图像，但它没有显示。
我已经尝试过使用:src="require('path/to/img')"执行此操作，但随后出现错误，称"未找到此依赖项"

<v-img src="src/assets/project_atv_logo.jpg"
            class="mb-4"
            contain
            height="128"
          ></v-img>

文件存储在src/assets文件夹下。如果有关系的话，我正在使用mac pc。

2条答案

尝试使用

<v-img :src="require('@/assets/project_atv_logo.jpg')"
            class="mb-4"
            contain
            height="128"
          ></v-img>

对于Vite环境，解决方案是使用new URL('[path_to_image]', import.meta.url).href
查看我的答案here