如何在所有验证规则都填满之前禁用 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 直到所有输入都不为空的实际方法是什么?

Codepen Demo

您应该删除 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