ant design vue from表单必填校验

Ant Design Vue 提供了多种表单校验的方式，其中必填校验可以通过 `required` 属性来实现。例如：

<template>
  <a-form :form="form">
    <a-form-item
      label="用户名"
      :colon="false"
      :required="true"
      :validateStatus="form.getFieldError('username') ? 'error' : ''"
      :help="form.getFieldError('username')"
    >
      <a-input v-decorator="['username', { rules: [{ required: true, message: '请输入用户名' }] }]" />
    </a-form-item>
  </a-form>
</template>

在上面的示例中，`a-form-item` 组件通过 `:required="true"` 属性设置为必填项，同时在 `v-decorator` 中设置了必填校验规则 `{ required: true, message: '请输入用户名' }`。当用户未填写用户名时，提交表单时会提示错误信息 `请输入用户名`。

另外，通过 `:validateStatus` 和 `:help` 属性可以实现表单项校验状态和错误提示信息的展示。当 `getFieldError('username')` 返回有值时，`validateStatus` 设置为 `error`，同时将错误信息展示在 `help` 中。