在验证中使用 Vuejs 变量

Question

我尝试做一个简单的 maxValue，但我不确定如何使用 vue 数据中的值。 URL 包裹。

import { required, maxValue } from "vuelidate/lib/validators";

export default {
  data() {
    return {
      totalClauses: 10,
    };
  },
  validations: {
    nr_of_clauses: {
      required,
      maxValue: maxValue(this.totalClauses)
    },
  },
}

Answer 1

Validations schema can be a function, which will make it dynamic and possibly dependant on your model's data. ^[source]

所以，

import { required, maxValue } from "vuelidate/lib/validators";

export default {
  data() {
    return {
      totalClauses: 10,
    };
  },

  validations() {
    return {
      nr_of_clauses: {
        required,
        maxValue: maxValue(this.totalClauses)
      },
    }
  }
}

Answer 2

我知道已找到此问题的答案，但我想快速建议从 Vuelidate 更改为 VeeValidate。我都用过，Vuelidate 有一些限制，VeeValidate 解决了这些限制，比如自定义验证（每次验证都有消息），而且使用起来更简单。

您可以找到 Veevalidate 文档 here

在验证中使用 Vuejs 变量

Use Vuejs variable in Validations

vue.js

vuelidate