验证如何根据需要标记字段

Question

当我们尝试在Internet上填写表格时，必填字段使用红色的*标记，表示该字段是必填字段。

这样，是否有一种方法可以指示用户使用vuetify.js中的必填字段？

Answer 1

这有点痛苦，但是有一个名为 slot 的“标签”，您可以执行以下操作：

<v-text-field
    v-model="loginInfo.email"
    autofocus
    name="email"
    type="email">
  <template #label>
    <span class="red--text"><strong>* </strong></span>Email
  </template>
</v-text-field>

Answer 2

从v1.1.0 docs：

所需的道具不再为标签明确添加星号。v1.0删除了其所有验证功能。

因此，显然没有任何东西可以根据需要设置它了，我们必须在标签中手动添加它：

label="Name*"

或者您可以使用CSS：

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

您必须required手动添加课程（课程名称当然是任意的）。