如何在Vuetify中标标签

Question

我用的是武帝。我喜欢标签上写着“目标米”。

我试过用<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>

请检查一下这个示例

PS：#label是v-slot:label的简称

Answer 2

@Boussadjra 的答案是正确的，但我们也需要在v-text-field中定义label道具，否则在插槽中定义的标签就会消失。

所以正确的方法如下

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

我希望答案是有帮助的，并归功于jacekkarczmarczyk