ant vue design 版本（1.7.8） 表单验证提示如何改为Tooltip 文字提示

你可以使用 Ant Design Vue 的 Form 组件的 `rules` 属性来进行表单验证。每个规则都是一个对象，其中包含一个 `message` 属性，表示当验证失败时要显示的文本提示。例如：

<a-form :form="form" @submit.prevent="handleSubmit">
  <a-form-item
    v-for="item in formItems"
    :key="item.key"
    :label="item.label"
    :name="item.key"
    :rules="[
      { required: true, message: '请输入' + item.label }
    ]"
  >
    <a-input v-model="form[item.key]" />
  </a-form-item>
  <a-form-item>
    <a-button type="primary" html-type="submit">
      提交
    </a-button>
  </a-form-item>
</a-form>

如果你想要使用 Tooltip 文字提示，你可以在 Form 组件的 `label-col` 属性中使用 `form.getFieldDecorator` 来包装表单项，然后使用 `Form.Item` 组件的 `help` 属性来显示验证失败时的提示文本。例如：

<a-form :form="form" @submit.prevent="handleSubmit">
  <a-form-item
    v-for="item in formItems"
    :key="item.key"
    :label="item.label"
    :label-col="form.getFieldDecorator(item.key, {
      rules: [{ required: true, message: '请输入' + item.label }]
    })(
      <template>
        <a-tooltip title={item.label}>
          <span>{item.label}</span>
        </a-tooltip>
      </template>
    )"
    :help="form.getFieldError(item.key)"
  >
    <a-input v-model="form[item.key]" />
  </a-form-item>
  <a-form-item>
    <a-button type="primary" html-type="submit">
      提交
    </a-button>
  </a-form-item>
</a-form>

注意：这里的代码假设你已