vue.js - 如何在vuetify文本区域标签而不是文本中使用v-icon？

Question

是否可以在vuetify文本区域标签中使用v-icon代替文本？如果是这样，最好的方法是什么。

<v-textarea
  outlined
  label="DEMO"
  value="Hello World"
/>

这就是我尝试过的

<v-textarea
  outlined
  label=<v-icon>fas fa-lock</v-icon>
  value="Hello World"
/>

这是没有图标的外观



这就是我想要的

Answer 1

您可以使用插槽

<v-textarea
       outlined
       value="Hello World"
       />
     <template slot="label">
      <v-icon>you icon</v-icon>
    </template>

      </v-textarea>