如何在nuxt中安装和配置vee-validate (v4)？
如何在nuxt中安装和配置vee-validate (v4)？
提问于 2021-01-28 23:58:47
我很难理解在nuxt中安装这个很棒的插件的文档。据我所知，我很难相信，你必须在一个插件文件中导出所有的规则。我尝试导出一些规则，但是nuxt不知道ValidationObserver组件是什么。
Stack Overflow用户
发布于 2021-06-02 01:07:17
我通过执行以下操作将vee-validate v3安装到Nuxt中：
npm install --save vee-validate
将此代码添加到nuxt.config.js的“插件”部分
plugins: [
{ src: '~/plugins/vee-validate.js', ssr: true },
],将此代码添加到nuxt.config.js的“build”部分
build: {
transpile: ['vee-validate']
}为了消除有关Unexpected token 'export'的错误，需要使用transpile部分。它做了一些与ES6和Babel相关的事情，可能会在将库加载到Nuxt之前对其进行预转换。
下面是插件目录中我的vee-validate.js文件的样子：
import { extend, localize } from "vee-validate";
import { required, email, min } from "vee-validate/dist/rules";
const dictionary = {
en: {
messages: {
required: () => '* Required',
},
},
};
// Install required rule.
extend("required", required);
// Install email rule.
extend("email", email);
// Install min rule.
extend("min", min);
localize(dictionary);页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/65940703
复制相关文章
相似问题
腾讯云开发者
