Vue.js 如何将SVG图像添加到vuetify文本字段

我正在使用vuetify，希望在文本字段的开头添加一个SVG图标。我知道您可以从v-icon中预先添加或附加图标，但我希望以类似的方式使用我自己的SVG图像

您可以阅读有关

我强烈建议使用公共路径：

将svg图像添加到

public/img/icons/test.svg

像这样使用img标记

指向svg位置

如果您确实不想使用svg的公共路径，您可以使用此加载程序导入svg：

只需使用“prepend”插槽：

---

阅读有关的文档。

<v-text-field label="My text field" type="text">

    <template v-slot:prepend>

      <img width="24" height="24" src="[PathToAssets]/whatever.svg" >

    </template>

  </v-text-field>