vue.js - 如何让图像在 Vuetify 中工作？

Question

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

我的印象是，仅使用 JS，我必须采取一些额外的步骤才能正确“读取”图像。我假设 Vuetify 删除了这些额外步骤是否正确？也就是说，我可以发布并且这将提供所需的结果而无需创建额外的功能还是我错得离谱？感谢您的帮助。

Answer 1

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

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

相反，我应该使用:

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

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