你们如何在 Vuetify 中进行验证?我无法理解非常冗长的验证语法。
我正在使用 Vuelidate,根据 Vuetify 的文档,我必须实现一个简单的必填字段:
脚本:
import { required } from 'vuelidate/lib/validators';
computed: {
userNameErrors() {
const errors = []
if (!this.$v.loginForm.userName.$dirty) {
return errors
}
!this.$v.loginForm.userName.required && errors.push('This field is required')
return errors
}
},
validations: {
loginForm: {
userName: {
required
}
}
}
模板:
<v-text-field :label="Username"
prepend-icon="account_circle"
v-model="loginForm.userName"
:error-messages="userNameErrors"
@input="$v.loginForm.userName.$touch()"
@blur="$v.loginForm.userName.$touch()"
:required="true"></v-text-field>
我觉得这很冗长。我可能做错了事,谁能告诉你这个极简主义或短手是怎么做的?