在对象数组内的元素上使用 vuelidate

Question

我正在尝试使用 vuelidate 验证一个表单，它根据我要添加的用户数量显示相同数量的字段，所以如果我想添加 3 个用户而不是 3 个姓名和年龄字段将显示。

但是，当我尝试使用 @blur 验证字段时，我总是会收到“未定义”错误，即使我已经正确设置了可能的验证。我到底做错了什么？

<div v-for="(user, index) in users" :key="index" >
        <div>
            <Input
            label="name"
            v-model="user.name"
            @blur="$v.user.name.$touch()"
            />
            
        </div>
        <div >
            <Input
            label="Date"
            mask="##/##/####"
            v-model="user.birth"
            @blur="$v.user.birth.$touch()"
            />
        </div>
</div>

data() {
      return {
        users: [
          {
            name: '',
            birth: '',
          }
        ],
}
validations: {
      benefs: {
        $each: {
          name: {
            required
          },
          birth: {
            required
        }
      }
    },

Answer 1

您是否在页面上导入了库？ 你可以尝试使用

@blur="$v.user.name.required"