使用Vuetify进行Vue验证

Question

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

<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"

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