Vuetify 禁用项目的表单验证答案

【问题标题】：Vuetify form validation for disabled itemsVuetify 禁用项目的表单验证
【发布时间】：2020-12-14 11:00:57
【问题描述】：

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

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

所以当select3 是Y（基于表单中的另一个v-select）时，这个v-select 应该被启用，并且应该在表单验证中被视为需要。否则，当它被禁用时，它不应该是必需的，验证应该省略它。

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

【问题讨论】：

【解决方案1】：

这是工作示例：conditional form validation in vuetify

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

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

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

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

如果select3 === 'Q'，上面的代码sn-p返回一个带有所需规则的数组，否则返回一个空数组，因此没有规则要检查。

【讨论】：