如何使用Vuelidate minValue maxValue

Question

我找不到如何检查大于 0，因为minValue(0)也接受 0，但如果使用，minValue(1)则 0 和 1 之间的任何小数也将不被接受。

另外我不知道为什么我不能使用 data/computed 中的变量作为下面的 maxValue 。如果我使用maxValue(200)，它会起作用，但我需要它是动态的。

validations: {
    form: {
        amount: {
            maxValue: maxValue(this.maxAmount), // Uncaught TypeError: Cannot read property 'maxAmount' of undefined
        },
    },
},
validations: {
    form: {
        amount: {
            maxValue: maxValue(maxAmount), // Uncaught ReferenceError: maxAmount is not defined
        },
    },
},

Answer 1

我相信在这种情况下，您validations需要成为一个函数，而不是一个对象。

validations() {
  return {
    form: {
      amount: { maxValue: maxValue(this.maxValue) }
    }
  }
}

您可以在此处找到相关示例：https : //vuelidate.netlify.com/#sub-dynamic-parameters

- 编辑 -

关于大于 0 的值，从我的评论中复制：

我不完全确定，但似乎没有针对这种情况的内置验证器。您可以编写自己的验证器，它看起来或多或少是这样的：

const greaterThanZero = (value) => value > 0

validations() {
  form: {
    amount: {
      maxValue: greaterThanZero
    }
  } 
}

或者您可以使用 minValue(0.00000001) 作为解决方法 自定义验证器也可以采用参数，因此您可以编写大于自定义验证器的动态值（相关文档在此：https : //vuelidate.netlify.com/#sub-extra -参数)