未显示v-card组件Vuetify的背景图像

eyh26e7m 于 2023-01-14 发布在 Vue.js

关注(0)|答案(2)|浏览(162)

您好，我正在尝试使用img prop向v-card组件添加背景图像，如Vuetify文档中所示：

<v-card img="../assets/gradient.svg"> </card>

我在Vue上加载图片时经常遇到问题，比如使用上面的相对路径，或者使用（“~”或“@”）强制它作为模块请求。但是我设法使用require（）修复了这些问题，尽管这次使用img prop似乎不起作用。
你知道我该怎么补救吗？

2条答案

试着在卡片上设置一个最小宽度和最小高度。如果路径到图像是正确的，它就会显示出来。

改成

<v-card :img="require('../assets/gradient.svg')"> </card>

这是因为你是在本地抓取图像，而不是通过托管的URL。