Forms Vuetify对禁用项的表单验证

Forms Vuetify对禁用项的表单验证,forms,vue.js,validation,vuetify.js,Forms,Vue.js,Validation,Vuetify.js,当为要验证的v-form中的v-select添加条件要求时,它无法按预期工作。 我曾经 因此,当select3为Y(基于表单中的另一个v-select)时,应启用此v-select,并在表单验证中按要求处理。否则,当它被禁用时,它不应该是必需的,验证应该忽略它 然而,即使它被禁用,它仍按要求处理。在表单中使用reuqired和disabled的正确方法是什么,以便在验证时只考虑表单中的已启用项 以下是一个例子: 以下是工作示例: 基本上,它的作用是在数据中定义规则,如下所示: fillRule:

当为要验证的
v-form
中的
v-select
添加条件要求时,它无法按预期工作。 我曾经

因此,当
select3
Y
(基于表单中的另一个
v-select
)时,应启用此v-select,并在表单验证中按要求处理。否则,当它被禁用时,它不应该是必需的,验证应该忽略它

然而,即使它被禁用,它仍按要求处理。在表单中使用reuqired和disabled的正确方法是什么,以便在验证时只考虑表单中的已启用项

以下是一个例子:
以下是工作示例:

基本上,它的作用是在数据中定义规则,如下所示:

fillRule: (v) => !!v || 'Item is required'
<v-select :rules="select3 === 'Q' ? [fillRule] : []"></v-select>
然后在
v-select
中,根据以下条件返回正确的验证规则:

fillRule: (v) => !!v || 'Item is required'
<v-select :rules="select3 === 'Q' ? [fillRule] : []"></v-select>

如果
select3==“Q”
,则上面的代码片段返回一个包含所需规则的数组,否则返回一个空数组,因此没有要检查的规则