我如何调整 v-text-field vuetify 标签中的 prepend-inner-icon 的大小？

Question

我刚刚学习 Vue.js 和 Vuetify，我无法更改图标的大小。谁能帮帮我？

<v-text-field 
    prepend-inner-icon="mdi-magnify"
>
</v-text-field>

Answer 1

你可以在“prepend-inner”位置放置任何你想要的东西，方法是使用插槽（这是 vue 中的高级功能）

<v-text-field label="Prepend inner">
   <template v-slot:prepend-inner>
      <v-icon x-large>mdi-magnify</v-icon>
   </template>
</v-text-field>

How can i resize a prepend-inner-icon in a v-text-field vuetify tag?