vue.js - 检查 Vuelidate 中特定数组索引的值

Question

我在 Vuelidate 中有以下表单数组。但是我怎样才能基于同一个数组索引上的另一个字段的值进行一些验证。

下面是我没有工作的示例，但如果已经为姓氏输入了某些内容，我希望需要姓氏。

validations: {
        fixturesArray: {
            $each: {
                fixtureName: {
                    //required
                },
                guestDetails: {
                    $each: {
                        forename: {
                            required: requiredIf(function() {
                                return $each.surname != ""
                            })
                        },
                        surname: {

                        },
                        dietaryRequirements: {
                            $each: {
                                name: {

                                }

                            }
                        }
                    }
                }
            }
        }
    },

Answer 1

假设您的情况是：如果姓氏不为空，则需要名字

validations: {
    fixturesArray: {
        $each: {
            guestDetails: {
                $each: {
                    forename: {
                        requiredIf: requiredIf((obj) => obj.surname != null)
                    },
                    surname: {

                    }
                }
            }
        }
    }
}

您可以像这样在 $each 中使用 requiredIf ，尽管文档中没有说明这一点。obj参数是在此迭代中验证的对象。您可以在此处查看更多信息。

希望有帮助，加油。