如何让图像在Vuetify中工作?

时间:2018-01-18 21:56:31

标签: vue.js vuetify.js

具体来说,我正在使用Vuetify构建应用程序。我试图通过v-card-media和使用src将图像添加到卡中。检查控制台,我可以看到列出了我正在使用的.jpg,但图像没有显示出来。我承认我是Vue.js和JS的新手,所以我可能缺乏经验,但我对此感到非常迷茫和困惑。

我的印象是,仅使用JS,我必须采取一些额外的步骤才能使图像正确显示"阅读"。我是否认为Vuetify删除了那些额外的步骤?也就是说,我可以发布,这将给出所需的结果,而不必创建一个额外的功能或我可怕的错误?任何帮助表示赞赏。

2 个答案:

答案 0 :(得分:10)

经验不足,但坚韧挽救了一天。我遇到的问题是我正在使用:

<img src="src/assets/apple.jpg" alt="">

相反,我应该一直在使用:

<img src="@/assets/apple.jpg" alt="">

记下“@”而不是src。我搜索了很多地方,但看了一下原来的演示网站,看到了变化,这可能是我从一开始就应该做的。 C'est la vie。

答案 1 :(得分:0)

试试看是为了证明

 <v-img src="@/assets/logo.png"></v-img>