使用数据嵌套和验证组的Vuelidate

Question

我在我的项目中使用Vue.js。我有一个使用Vue Form Wizard和Vuelidate制作的表单来验证字段。在表单的某个位置，用户将能够添加多个地址，因此我在组件的 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将获得整个地址数组，您可以使用它来以自定义方式验证所需的所有/任何对象。