Vuetify：所需标签上的星号

Question

最新版本的 Vuetify (v1.3 - https://libupdate.com/libs/38f99a55-a650-4d67-8e60-cd3c2737d043)。

星号现在已从标签中移除，即使 v-textarea/v-text-field 具有所需的属性。他们希望您在标签道具中手动添加它，例如标签="消息*"

虽然在我的应用程序中要更改的表单太多，并且想知道是否可以通过 CSS 选择它，尽管 HTML 的结构是有问题的。

     <div class="v-text-field__slot">
       <label class="v-label theme--light">Message</label>
       <textarea name="message" required="required" rows="5"></textarea>
     </div>

如果在所需输入之前选择标签，我们将不胜感激

Answer 1

我不确定这是否适合您的 HTML 结构。但这对我有用

.required label::after {
    content: "*";
    color: red;
}

然后我通常在我的文本字段中调用这个类。

<v-textfield class="required">