vue.js - 如何验证 Vuelidate 中的嵌套对象？

Question

我在我的项目中使用 Vuelidate 并具有以下形式:

data () {
  return {
    form: {
      title: undefined,
      users: [{
        name: undefined,
        age: undefined,
      }],
    },
  };
},

我为“form.title”配置了验证规则，如下所示:

validations () {
  return {
    form: {
      title: {
        required,
      },
    },
  };
},

现在，我还需要为“form.users”对象数组配置验证。

我该怎么做？

Answer 1

我找到了问题的答案。

我们可以使用 forEach 帮助器验证对象数组。

import { helpers, required } from '@vuelidate/validators';

以下代码适用于我的 Vuelidate v2.0.0:

validations () {
  return {
    form: {
      users: {
        $each: helpers.forEach({
          name: {
            required,
          },
          age: {
            required,
          },
        }),
      },
    },
  };
},