如何在 vuetify 中更改 svg 的高度宽度？

【问题标题】：How can i change the height width of svg in vuetify?如何在 vuetify 中更改 svg 的高度宽度？
【发布时间】：2020-07-01 08:05:21
【问题描述】：

我是一名 php 开发人员，我正在学习 vue。我想知道如何使用v-img 标签更改 svg 图像的高度宽度。

这里是代码

  <v-img src="/empty.svg" aspect-ratio="2"></v-img>

上面的代码隐藏了图像或似乎不起作用。请帮我解决这个小问题。

感谢任何解决方案！

【问题讨论】：

【解决方案1】：

aspect-ratio 不会改变图像的高度/宽度，而是改变整个比例。

如果要更改高度或宽度，请使用 v-img 的 height 和 width 属性。

<v-img src="/empty.svg" width="500" height="100" />

您可以仅指定其中一个道具，并添加所需的aspect-ratio 以保持正确的比例。使用contain="true" 避免内容裁剪。

【讨论】：