validation - Vuelidate 与数据嵌套和验证组

Question

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

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

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

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

小提琴

Answer 1

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

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

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