如何将 v-img 与 SVG 图像一起使用？

Question

我正在使用 Vuetify 的 v-img 标签，但它似乎不接受 SVG 图像。

<!-- does not work -->
<v-img src="../assets/logo.svg" width="40"></v-img>

所以我尝试了经典的 img 标签，它有效。

<img src="../assets/logo.svg" width="40" />

我做错了什么？在能够通过 Vuetify 使用 SVG 图像之前，我是否需要某种特定的配置？

Answer 1

您能提供有关该问题的更多详细信息吗？

• 您在哪个或哪些浏览器上遇到此问题？
• 您是否尝试过设置

  aspect-ratio

  属性？
• 您是否尝试过设置

  height

  ？

你可以试试这个：

<v-img :src="require('../assets/logo.svg')" :aspect-ratio="undefined"></v-img>

参考