首页 > 解决方案 > 如何使用 vuelidate 验证具有 N 个元素的数组的第 N 个元素

问题描述

我有一个包含 N 个元素的数组(大小正在变化),我正在使用 vuelidate 进行验证。我没有找到我的验证方法可以看到所选数组元素的迭代器/索引的示例。例如,我在一个数组中有 3 个文本字段。所有元素都是必需的。如果我让第一个元素为空,所有 3 个文本字段都会显示相同的错误(“需要文本字段”)。有解决办法吗???非常感谢您的每一个回答

标签: javascriptvue.jsvuetify.jsvuelidate

解决方案


相当简单 - 使用everyforEach

if (!arrayOfTextFields.every(t => t.value != "" && t.value != "Textfield is required")) {
    arrayOfTextFields.forEach(t => t.value = "Textfield is required");
}

推荐阅读