nuxt3 vee-validate 错误总是“无效”答案

【问题标题】：nuxt3 vee-validate errors always"not valid"nuxt3 vee-validate 错误总是“无效”
【发布时间】：2023-01-03 08:33:29
【问题描述】：

我已将 vee-validate v4 添加到 Nuxt3 项目。验证工作正常，只是它不显示哪种类型的规则失败。它总是显示“字段名无效”。根据文档，它应该更像是“需要电子邮件”或“电子邮件格式错误”等等。

  <VForm>
      <VField name="email" rules="required|email" v-slot="{ field, errors, meta }">
        <input v-bind="field" type="text" />

        {{ errors }}
      </VField>
    </VForm>

任何人都知道问题是什么或者有想法吗？

谢谢

【问题讨论】：

标签： validation nuxt.js vee-validate

【解决方案1】：

解决方案是安装语言包并根据需要为其添加配置

Localization (i18n)

我从包的创建者那里得到了答案

Why I am getting all errors as "is not valid" ? #3999

【讨论】：

【解决方案2】：

因为您需要定义消息错误，例如：

import { defineRule, Form as VeeForm, Field, ErrorMessage, configure  } from 'vee-validate';
import { required, email, min } from '@vee-validate/rules';
import { localize, setLocale } from '@vee-validate/i18n';
import es from '@vee-validate/i18n/dist/locale/es.json';
import en from '@vee-validate/i18n/dist/locale/en.json';

defineRule('required', required);
defineRule('email', email);
defineRule('min', min);
localize({ es });
setLocale('es');
configure({
    generateMessage: localize({
        es: {
            messages: es.messages,
        },
        en: {
            messages: en.messages,
        },
    }),
});

【讨论】：