Vuelidate 与数据嵌套和验证组

Question

我在我的项目中使用Vue.js。我有一个用Vue Form Wizard 和Vuelidate 制作的表单来验证这些字段。在表单的某个点，用户将能够添加多个地址，因此我在 component 的 data 中创建了一个名为“addresses”的数组。

addresses: [
    { 
        street: ''
        //there will be more itens here in the future
    }
]

现在，为了验证字段，我创建了一个 validation group 我将在其中添加此字段，但重点是，我不知道如何将字段（即在我的数组中）“链接”到验证中组。

在 Vuelidate 文档中，有一个部分 Data Nesting，但我没有找到如何将它与验证组一起使用。

FIDDLE

Answer 1

这是一个老问题，但如果我理解正确，那么我猜你可以在 addresses 数组上创建一个自定义验证器，并在验证器中验证单个地址对象。

validations: {
 addresses: {
    customValidator: customValidatorFunction
 }
},

然后 customValidatorFunction 将获取整个地址数组，您可以使用它以自定义方式验证您想要的所有/任何对象。