使用 Vuelidate Vuejs 进行自定义验证答案

【问题标题】：Custom validation with Vuelidate Vuejs使用 Vuelidate Vuejs 进行自定义验证
【发布时间】：2020-05-20 06:36:00
【问题描述】：

我有 4 个输入，都必须是必需的（女巫我做了，并且有效），但第一个输入必须与接下来的 3 个字段相等，女巫不适用于我当前的代码。（我在控制台中也没有错误）

import { required, minValue } from "vuelidate/lib/validators";
// ..code...
created() {
    const minValue = (value) => value === this.high_confidence + this.medium_confidence + this.no_confidence;
},

validations: {
    nr_of_clauses_per_round: {
        required,
        minValue
    },
    high_confidence: {
        required
    },
    medium_confidence: {
        required
    },
    no_confidence: {
        required
    }
},

【问题讨论】：

您是否检查并确保所有值都是数字类型？如果它们被视为字符串，它可能不会在数学上加起来
都是 "type="number" ，PS。我使用的是 Bootstrap-Vue，但我认为这并不重要。

标签： vue.js vuejs2 vuelidate

【解决方案1】：

你也应该从 Vuelidate 导入 {sameAs}，并添加一个验证 sameAs([your field])，就像这样。

请阅读文档：https://vuelidate.js.org/#sub-contextified-validators

【讨论】：