ant vue design 版本（1.7.8） 表单验证提示如何改为悬浮提示

### 回答1：
Ant Design Vue 是一个基于 Vue.js 的组件库，提供了一系列高质量的 UI 组件，其中也包含了一个表单验证组件。

如果你想要使用悬浮提示，可以在使用表单验证组件的时候，设置 `trigger` 属性为 `"hover"`：

<a-form-item label="用户名" :validate-status="userName.validateStatus" :help="userName.errorMsg" prop="userName">
  <a-input v-decorator="[
    'userName',
    {
      rules: [
        { required: true, message: '请输入用户名' }
      ],
      trigger: 'hover'
    }
  ]" />
</a-form-item>

这样，当用户将鼠标悬停在输入框上时，就会出现验证提示。

如果你想要在点击输入框时也出现提示，可以将 `trigger` 属性设置为 `"focus"`。

你也可以将 `trigger` 属性设置为一个数组，表示多种触发方式，比如：

trigger: ['focus', 'hover']

这样，无论是点击输入框还是将鼠标悬停在输入框上，都会出现验证提示。

希望这能帮到你！

### 回答2：
在Ant Design Vue的1.7.8版本中，表单验证的提示默认是显示在输入框下方的静态提示信息。如果要改为悬浮提示，则需要进行如下操作：

1. 导入Tooltip组件：
在需要使用悬浮提示的页面或组件中，通过`import { Tooltip } from 'ant-design-vue'`语句导入Tooltip组件。

2. 自定义表单验证提示信息：
使用自定义表单验证规则时，可以通过设置`validateStatus`和`help`属性来控制提示信息的显示样式。将原先的静态提示信息替换为Tooltip组件，并将`validateStatus`赋值为验证结果的状态，`help`赋值为验证失败时的提示信息。

3. 配置悬浮提示样式：
在Tooltip组件中，通过设置`placement`属性来控制悬浮提示框相对于触发元素的位置，例如设置为top、bottom、left或right。此外，还可以设置`title`属性来自定义显示在悬浮提示框中的内容，可以是纯文本或其他Vue组件。

4. 添加额外的样式：
如果需要对悬浮提示进行额外的样式调整，可以通过为Tooltip组件添加class或style属性来实现。

以上就是将Ant Design Vue 1.7.8版本的表单验证提示改为悬浮提示的简要步骤。具体实现方式可以根据具体的代码和项目需求进行调整。

### 回答3：
要将ant-design-vue版本1.7.8中的表单验证提示改为悬浮提示，可以按照以下步骤进行修改。

首先，需要引入Tooltip（悬浮提示）组件，可以在需要使用表单验证的地方使用Tooltip包裹表单组件。

<template>
  <a-form :form="form" ref="formRef" :model="formData">
    <a-form-item label="名称" prop="name" :validateStatus="formError.name ? 'error' : ''" :help="formError.name">
      <a-tooltip v-if="formError.name" placement="topLeft" :title="formError.name">
        <a-input v-decorator="['name']"></a-input>
      </a-tooltip>
      <a-input v-decorator="['name']"></a-input>
    </a-form-item>
    <!-- 其他表单组件 -->
  </a-form>
</template>

在上面的代码中，我们将a-tooltip组件包裹了需要验证的a-input组件，当验证未通过时，会显示悬浮提示。

接下来，需要定义formError对象来保存表单验证的错误信息，在进行表单验证时，根据错误信息动态更新formError对象。

<script>
export default {
  data() {
    return {
      form: {},
      formData: {
        name: ''
        // 其他表单字段
      },
      formError: {
        name: ''
        // 其他表单字段的错误信息
      }
    }
  },
  methods: {
    onSubmit() {
      this.$refs.formRef.validate((valid) => {
        if (valid) {
          // 表单验证通过，提交表单
        } else {
          // 表单验证未通过，更新错误信息
          this.formError = this.getFormError()
        }
      })
    },
    getFormError() {
      // 根据表单验证的错误信息返回错误对象
      let errorObj = {}
      // 遍历获取到的错误信息，将错误信息存储在errorObj中
      return errorObj
    }
  }
}
</script>

在上述代码中，我们定义了onSubmit方法来处理表单的提交事件。在提交时，会使用validate方法来对表单进行验证。如果验证未通过，会调用getFormError方法来获取错误信息，并将错误信息存储在formError对象中。

最后，在样式文件中添加以下样式，用于自定义悬浮提示的样式。

.ant-tooltip {
  background-color: #fff;
  border: 1px solid #e8e8e8;
}

.ant-tooltip-inner {
  color: #000;
}

通过以上步骤，我们就可以将ant-design-vue版本1.7.8中的表单验证提示改为悬浮提示了。