Vue.js 如何让图像在Vuetify中工作?

Vue.js 如何让图像在Vuetify中工作?,vue.js,vuetify.js,Vue.js,Vuetify.js,具体来说,我正在使用Vuetify构建一个应用程序。我试图通过v-card-media和src将图像添加到卡中。检查控制台,我可以看到我正在使用的.jpg被列出,但是图像没有显示出来。我承认我是Vue.js和js的新手,所以我可能有点经验不足,但我对此感到迷茫和困惑 我的印象是,单独使用JS,我必须采取一些额外的步骤才能正确地“读取”图像。Vuetify删除这些额外步骤的假设正确吗?也就是说,我可以发布,这样就可以在不需要创建额外函数的情况下获得所需的结果,还是我错得太厉害了?感谢您的帮助。经验

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


我的印象是,单独使用JS,我必须采取一些额外的步骤才能正确地“读取”图像。Vuetify删除这些额外步骤的假设正确吗?也就是说,我可以发布,这样就可以在不需要创建额外函数的情况下获得所需的结果,还是我错得太厉害了?感谢您的帮助。

经验不足,但坚韧不拔可以挽救局面。我遇到的问题是我正在使用:

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

相反,我应该使用:

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


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

试试这是为vuetify准备的

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

欢迎!也许您可以从所用浏览器的开发人员控制台添加一些信息(添加vue开发人员工具的附加组件后可能会更好)。我个人无法用这条信息在脑海中描绘出你的情况。