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

Question

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

Answer 1

只需使用“前置”插槽:

<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>