使用 vee-validate 在 vue js 中进行验证有错误答案

【问题标题】：Validation in vue js using vee-validate having error使用 vee-validate 在 vue js 中进行验证有错误
【发布时间】：2019-12-31 14:55:18
【问题描述】：

我想在 vuejs 中进行验证，因为我正在使用 vee-validate

我的vue js版本是2.6.10
然后安装 run -npm install vee-validate

我在 main.ts 中声明：

import  VeeValidate  from "vee-validate";
Vue.use(VeeValidate);

但有错误：

“在'vee-validate'中找不到导出'default'（导入为'VeeValidate'）

还有控制台：

无法读取未定义的属性“安装” 在 Function.Vue.use

【问题讨论】：

标签： vue.js

【解决方案1】：

自从最新消息发布以来，它的名称已经改变，现在如果你想调用它，你注册它：

import { ValidationProvider } from 'vee-validate';

// Register it globally
// main.js or any entry file.
Vue.component('ValidationProvider', ValidationProvider);

当然，你可以查看 Npm 包文档：https://www.npmjs.com/package/vee-validate

【讨论】：

【解决方案2】：

import * as VeeValidate from 'vee-validate';

解决问题

【讨论】：

这应该被标记为正确答案。它解决了我的问题。谢谢
你应该在编译时通过使用对象解构语法来使用 tree shaking 来删除多余的导入。

【解决方案3】：

这似乎发生在 3.0 之后的任何版本中。我安装了 vee-validate@2.2.15 并且成功了。

【讨论】：