使用 Vuetify 进行 Vue 验证

Question

我正在处理使用 Vuetify 完成的表单，我的问题是，一旦 input 已由 :rules 验证，我如何向 v-text-field 添加成功属性？

<v-text-field
    v-model="halfPayment.month"
    v-mask="'##'"
    :rules="[$rules.required, $rules.minCharacters(2), $rules.between(1, 12)]"
    label="month expired"
    outlined
    dense
    :success=
    background-color="white"
/>

Answer 1

你可以添加

:success="!!halfPayment.month"

到文本字段以显示它何时成功通过验证规则。 我希望这会有所帮助，否则，您可以发表评论！