如何让图像在Vuetify中工作?

Jer*_*hun 0 vue.js vuetify.js

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

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

Jer*_*hun 12

没有经验的罢工,但坚韧拯救了一天.我遇到的问题是我正在使用:

<img src="src/assets/apple.jpg" alt="">
Run Code Online (Sandbox Code Playgroud)

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

<img src="@/assets/apple.jpg" alt="">
Run Code Online (Sandbox Code Playgroud)

记下"@"而不是src.我搜索了很多地方,但看了一下原来的演示网站,看到了变化,这可能是我从一开始就应该做的.这就是生活.