ant design vue 校验必填如何浮动

可以使用 `Form` 组件的 `validate` 方法来实现表单校验，并且可以自定义校验规则和错误提示信息。当某个表单项未填写时，可以通过添加 `has-feedback` 和 `validate-status` 属性来实现错误提示信息的浮动。

例如，可以在必填字段的表单项上添加 `required` 标识，并在 `Form` 组件上添加 `:model` 和 `:rules` 属性来定义校验规则和错误提示信息。同时，可以在表单项上添加 `v-decorator` 属性来自动注册表单项并绑定校验规则。

<template>
  <a-form :model="form" :rules="rules">
    <a-form-item
      label="用户名"
      :required="true"
      has-feedback
      :validate-status="getFieldError('username') ? 'error' : ''"
    >
      <a-input v-decorator="['username', { rules: [{ required: true, message: '请填写用户名' }] }]" />
    </a-form-item>
    <a-form-item>
      <a-button type="primary" @click="submitForm">提交</a-button>
    </a-form-item>
  </a-form>
</template>

<script>
export default {
  data() {
    return {
      form: {
        username: '',
      },
      rules: {
        username: [{ required: true, message: '请填写用户名' }],
      },
    };
  },
  methods: {
    submitForm() {
      this.$refs.form.validate((valid) => {
        if (valid) {
          // 表单校验通过，执行提交操作
        } else {
          // 表单校验不通过，不执行提交操作
        }
      });
    },
  },
};
</script>

以上代码中，当未填写用户名时，`getFieldError('username')` 方法会返回错误提示信息，从而触发表单项的错误提示信息浮动显示。如果填写了用户名，则不会显示错误提示信息。