如何在所有验证规则都填满之前禁用 vuetify 表单提交按钮
How to disable vuetify form submit button until all the validation rules are full-filled
我在这个平台找到了。根据接受的答案,我构建了一个表单并禁用了我的按钮。
<v-btn :disabled="!isFormValid">submit</v-btn>
data: () => ({
isFormValid: false,
})
但是,每当我填写一个输入时,提交按钮都会激活,尽管所有其他输入都是空的!
那么,保留按钮 disabled
直到所有输入都不为空的实际方法是什么?
您应该删除 lazy-validation
属性。根据文档,
If lazy-validation
is enabled, value(A boolean value representing the validity of the
form.) will always be true unless there are visible validation
errors
我在这个平台找到了
<v-btn :disabled="!isFormValid">submit</v-btn>
data: () => ({
isFormValid: false,
})
但是,每当我填写一个输入时,提交按钮都会激活,尽管所有其他输入都是空的!
那么,保留按钮 disabled
直到所有输入都不为空的实际方法是什么?
您应该删除 lazy-validation
属性。根据文档,
If
lazy-validation
is enabled, value(A boolean value representing the validity of the form.) will always be true unless there are visible validation errors