Vuetify v-img不会使用绝对路径加载图像

时间:2019-09-09 09:55:49

标签: html vue.js vuetify.js

问题很简单:我想用v-img标签在vuetify中显示来自绝对路径的图像,但是没有显示。

我已经尝试过使用: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。

1 个答案:

答案 0 :(得分:1)

尝试使用

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