Vuetify 表单验证禁用项目

Question

v-select当添加要验证的条件要求时v-form，它不会按预期工作。我用了

:disabled="this.select3 !== `Y`"
:required="this.select3 === `Y`"

因此，当select3（Y基于v-select表单中的另一个）时，此 v-select 应该被启用，并且也应该根据表单验证中的要求进行处理。否则，当它被禁用时，不应要求它，并且验证应忽略它。

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

这是示例： https: //codepen.io/pokepim/pen/RwGKOMp

Answer 1

这是工作示例：vuetify 中的条件表单验证

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

fillRule: (v) => !!v || 'Item is required'

然后在您中v-select根据如下条件返回正确的验证规则：

<v-select :rules="select3 === 'Q' ? [fillRule] : []"></v-select>

上面的代码片段返回一个具有所需规则的数组，select3 === 'Q'否则返回一个空数组，因此没有要检查的规则。