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

yfjy0ee7  于 2023-03-09  发布在  Vue.js
关注(0)|答案(2)|浏览(130)

问题很简单:我想在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。

7vux5j2d

7vux5j2d1#

尝试使用

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

qyswt5oh2#

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

相关问题