如何在 bootstrap-vue 标签中设置单个字符的样式

Question

我想不通，如何在 bootstrap-vue 标签中设置单个字符的样式：

<b-form-group 
  class="text-left"
  label-cols="4" 
  label-cols-lg="3" 
  label="Name*:" <--- how to style the single * ?
 >
  <b-form-input
    v-model="inputName" 
    placeholder="Name"
  />
</b-form-group>

我尝试过使用模板字符串，但无处可去。

您对我如何为单个星 * 着色有任何想法吗？

---

我正在使用"bootstrap-vue": "2.14.0" 和"vue": "2.6.10"

谢谢！

Answer 1

您可以使用label 插槽：

<b-form-group 
  class="text-left"
  label-cols="4" 
  label-cols-lg="3" 

 >
  <template #label>
     Name <span style="color:red">*</span> :
  </template>
  <b-form-input
    v-model="inputName" 
    placeholder="Name"
  />
</b-form-group>