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>                                  

我怎样才能在标签中上标？

标签： javascriptvue.jsvuejs2vue-componentvuetify.js

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