问题标签 [vee-validate]

我正在尝试使用 vee validate 来验证使用此代码的密码。

但它总是说密码确认不匹配。 我的代码出了什么问题？

我有 html 这基本上是这样的：

由display:noneJavaScript 在加载时添加。如果用户在 中键入无效值，则将其删除checked_field。

由于框架通过简单地删除 style="display:none;"来控制可见性，我想知道：当display:none通过 JavaScript 删除时，是否可以通过纯 CSS 规则转换高度和可见性？同样，鉴于我无法添加第二类，但我坚持使用 JavaScript 框架删除style。

目前，我在每个表单组件（contactForm、registrationForm、...）中使用 vue-validate 处理验证消息本地化（3 种语言）

即联系表格

联系表单.vue

由于我必须为其他表单重复相同的设置（添加其他自定义属性和消息），我想知道将所有这些内容移动到共享的 js 文件中并在每个表单中都需要它是否会更好？我想集中设置字典应该更好，但我不确定..而且我不确定是否正确

那么我会有这样的东西：

ContactForm.vue（已更改）

和一个共享的 js 文件appValidationDictionary.js

appValidationDictionary.js

如果可能，我应该如何正确编写 js 文件以及如何从我的组件中正确请求它？

感谢您的反馈

当我在使用vee-validate的组件上运行测试时，我遇到了这个奇怪的错误。更奇怪的是，当我实际在该组件中使用时，它并没有发生this.errors（即使 putconsole.log(this.errors)正在使它消失）。

测试代码：

输出yarn test:unit：

它来自node_modules/vue/dist/vue.runtime.common.js第 1739 行和第 589 行。

添加到测试组件后：

错误消失了！为什么会出现错误？如果不使用，Vue 是否会清除 vee-validate？（this.errors是 vee-validate 添加的 ErrorBag）。{{ errors }}不过，如果我添加到模板中也无济于事。

我像这样注入 vee-validate：

是否有可能让哪个组件调用一些动作 Vuex ？

我从 vuex 操作返回一个承诺，并在组件中做出一些决定，作为在各个字段上设置错误消息，但我想尽快在 component.$validator.errors 上设置我收到 http 响应（在操作方法中）

这是可能的和一个好的方法吗？

我遇到了我遇到过的最奇怪的错误。我在我的 Vue 项目中使用 Axios 和 Vee-Validate 并且从我的 api 我得到一个错误。所以有了 axios 我有一个问题。

例子：

现在奇怪的部分来了。使用此代码：

input.errors 仍然为空，不会显示错误。但是当我这样做时：

所以 this.loading 不会被设置，然后错误将被设置并显示在我的视图中。

但我希望 this.loading 仍然是错误的，因为我希望不显示我的加载图标。任何人对此都有解释。

编辑：更多代码

this.$validate 这样做：

我这样做是因为我有自定义输入组件

编辑：这是我使用加载的地方：

按钮组件是：

编辑：更多代码！！！！！！

我的 j 输入组件

在我的 Vue 项目中，我使用 Vee-Validate 和 Axios。

我有一个 API 调用来注册用户，当我的电子邮件已被使用时，它会引发错误。使用 axios 我捕获了该错误并希望显示错误消息。很简单吧。只是这样做：

因此，在 catch 中，我添加了错误，并禁用了按钮中的加载图标。这是按钮组件：

但是现在错误消息没有显示，甚至没有添加到错误包中。做{{this.errors}}的时候数组是空的。我已经解决了这个问题，但我仍然想知道为什么这不起作用以及为什么它适用于我的解决方案。

按钮组件中的解决方案

改变这个：

对此：

现在{{this.errors}}确实有错误项并显示错误。

对于这个问题，这并不是一个丑陋的解决方法，所以我对此表示满意，但我仍然想知道为什么它不能v-if用于显示加载图标。这个按钮和错误包有什么关系？

我试图验证match password没有任何成功......我错了吗？email和验证都可以，password但不是match_password

使用VeeValidate

HTML

脚本

我正在尝试使用 vee-validate 设置必需的和正则表达式属性。正则表达式位工作正常，但只要我添加了所需的属性，整个控件就会从表单中消失。

这工作正常（小提琴），但缺少必需的属性（多行以便于阅读）：

这会导致整个表单消失（小提琴）（多行以便于阅读）：

我尝试使用逗号分隔 vee-validate 属性，但这也以同样的方式失败。

我错过了什么？

我正在尝试将来自 vee-validate 的错误消息设置为来自 API 的错误消息。

因此，如果 API 返回电子邮件错误，我想将上面的“errors.first('email')”编辑为 API 错误。然后，当用户开始更正该字段时，Vee Validate 将显示其配置的错误。

这是可能的错误数组的示例：

可以做些什么来处理 API 错误消息？

感谢您的时间和关注。