校验a-form里面的每一项的值

在Ant Design Vue (a-form)中，校验表单组件里的每一项通常使用`Form.Item`及其提供的验证规则功能。`Form.Item`接受一个验证规则对象，可以包含如必填(`required`)、正则表达式验证(`regex`)、自定义验证函数等规则。下面是一个基本示例：

<template>
  <a-form ref="formRef">
    <a-form-item label="姓名" :rules="[{ required: true, message: '请输入姓名' }]">
      <a-input v-model="name" placeholder="请输入姓名"></a-input>
    </a-form-item>
    <!-- 更多 Form.Item -->
  </a-form>
</template>

<script>
export default {
  data() {
    return {
      name: '',
    };
  },
  methods: {
    submitForm() {
      this.$refs.formRef.validate((valid) => {
        if (valid) {
          // 表单有效，提交数据
          console.log('表单验证成功');
        } else {
          // 验证失败，提示错误信息
          console.log('表单存在错误，请检查');
        }
      });
    },
  },
};
</script>

在这个例子中，`v-model`绑定到`name`的数据，`:rules`属性指定了验证规则。当你尝试提交表单时，会触发`validate`方法，它返回一个布尔值表示是否有效以及一个验证结果数组，你可以根据这个结果提供相应的反馈。

要校验每一项，你可以在循环中生成多个`Form.Item`实例，并为它们设置不同的验证规则。如果需要，也可以利用Vue的响应式特性，在数据变化时动态更新验证。