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

Posted 2023-02-23

【中文标题】v-card 组件 Vuetify 的背景图片未显示

【英文标题】：Background image for v-card component Vuetify not showing

【发布时间】：2021-10-22 09:22:13

【问题描述】：

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

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

我在 Vue 上加载图像时经常遇到问题，仅使用上面的相对路径，甚至使用 ("~" 或 "@") 将其强制为模块请求。但是我设法使用 require() 修复了它们，尽管这次使用 img 道具它似乎不起作用。

有什么办法可以解决这个问题吗？

【参考方案1】：

尝试在卡片上设置最小宽度和最小高度。 如果路径对图像正确，它将显示出来。