如何让图像在 Vuetify 中工作？答案

【问题标题】：How do I get images to work in Vuetify?如何让图像在 Vuetify 中工作？
【发布时间】：2018-01-18 21:56:31
【问题描述】：

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

我的印象是，仅使用 JS，我必须采取一些额外的步骤才能正确“读取”图像。我的假设是否正确，即 Vuetify 删除了这些额外的步骤？也就是说，我可以发布并且这将给出所需的结果而无需我创建额外的功能还是我错了？任何帮助表示赞赏。

【问题讨论】：

欢迎您！也许您可以从您使用的浏览器的开发者控制台中添加一些信息（在为 vue 开发者工具添加插件之后可能会更好）。我个人无法用这条信息在我的脑海中勾勒出你的案例。

【解决方案1】：

经验不足，但坚韧不拔。我遇到的问题是我正在使用：

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

相反，我应该一直在使用：

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

注意“@”而不是 src。我搜索了很多地方，但查看了原始演示站点并看到了变化，这可能是我从一开始就应该做的。生活吧。

【讨论】：

【解决方案2】：

试试这个用于 vuetify

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

【讨论】：