javascript - 如何在 Vuetify 文本字段中上标标签

Question

我使用 Vuetify。我喜欢在标签中添加文字“目标平方米”

我试过 <sup>2</sub>但它不起作用

<v-text-field 
  label="Target (in m<sup>2</sup>)"
   v-model="form.target" :error-messages="errors.target" > 
</v-text-field>                                  

如何在标签中添加上标？

Answer 1

您可以使用命名插槽 label :

<v-text-field  v-model="form.target" :error-messages="errors.target" >
   <template #label>
      <label>Target (in m<sup>2</sup>)</label>
   </template>
 </v-text-field>

请检查这个example

PS : #label 是 v-slot:label 的简写