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

验证模式可以是一个函数，它将使它成为动态的，并可能取决于模型的数据。 ^[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变量

2 个答案: