问题标签 [vee-validate]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
504 浏览

vuejs2 - 将 VeeValidate 添加到 Vue 自定义组件会导致 Vue 组件出现无限更新循环警告

我在使用 v-for 循环动态呈现的自定义组件中使用 VeeValidate 库。我确保每个自定义组件的名称都是唯一的。但是在我在自定义控件上添加 v-validate 属性后,它会导致以下警告:

[Vue 警告]:您可能在组件渲染函数中有无限更新循环。

例如,下面是代码示例:

为什么会发生这种情况,我可以使用什么样的策略来消除这个警告?

0 投票
1 回答
1402 浏览

vue.js - 如何从vue中的父组件验证插槽中的表单?

信息项组件

我如何使用 InfoItemComponent

我想要做的是当我点击 infoitemcomponent 中的提交按钮时,我想通过 vee-validate 验证输入元素。我该怎么做才能解决这个问题

0 投票
1 回答
2295 浏览

vue.js - 如何访问 vee-validate 错误并在 vue 实例(组件)之外清除它们

我想在关闭模态或将数据发送到数据库并在 vue 实例之外执行此操作后清除错误,我已尝试vm.$validator.errors.clean()并重置,但这些对我不起作用,有什么建议如何在组件外部访问它们?

我提供了代码示例

0 投票
0 回答
174 浏览

vue.js - how do use VeeValidation "import" tag when VeeValidation is using cdn

Is it possible to get this "import" tag work over cdn ? I included cdn veeValidation script , but i do not know how to get this code line to work import { Validator } from 'vee-validate';. Can somebody provide me example?

0 投票
1 回答
1298 浏览

vue.js - 将验证作为道具传递给输入组件时的VueJS vee-validate问题

我正在构建一个输入组件来使用vee-validate
为了更方便,我想使用验证规则作为道具。

v-model directive当我在父母身上使用时,一切都很好。但是,value有财产;在字段中写入并验证后,输入值重置为其父级。
这合乎逻辑吗?如果没有,我该如何解决这个问题v-model

请注意

1)-验证事件是“输入”“模糊”

2)-我不想v-on:input在父级上设置事件


看到这个小提琴




0 投票
1 回答
852 浏览

vuejs2 - this.$validator.validateAll().then((result) 即使填写了所有表单输入,也始终显示为 false

我已经使用这个函数来验证表单,但它总是显示错误,我没有得到确切的错误。

0 投票
1 回答
4031 浏览

vue.js - 动态元素中的 Vee 验证

Vee 在常见错误框中使用自定义消息验证动态元素。

如果存在验证错误,我需要在页面顶部单独显示错误消息并在输入字段上显示突出显示。如何检查组件中发生的任何验证错误。

我想将它创建为组件,保存按钮位于主页上,并在保存之前验证每个组件。

0 投票
1 回答
1101 浏览

vuejs2 - Vue v-model惰性修饰符不适用于数组元素

我有一个对象数组,我使用 v-for 对其进行迭代,并为对象的一个​​属性创建一个输入,并在该输入上使用 vee-validate。我想延迟验证,所以我使用 v-model.lazy 仅在更改时更新,这就是问题发生的地方。数据绑定似乎没有正确发生。下面的小提琴重现了我的问题。任何建议将不胜感激。

https://jsfiddle.net/1r944gnc/

0 投票
2 回答
8818 浏览

javascript - Vue / Vuetify - 如何对每个芯片项而不是整个选择输入进行验证

有谁知道如何对每个芯片项目进行验证(使用 vee-validate)?

我有这段代码:

现在验证仅在整个电话号码输入上进行。我想知道如何让它在每个芯片上工作,在这个输入中将 min_value 设置为 9,将 max_value 设置为 15。

Vuetify - 芯片使用:https ://vuetifyjs.com/en/components/chips

Vuetify - Vee 验证:https ://vuetifyjs.com/en/components/forms#example-vee-validate

Vee-validate - 验证规则:https ://baianat.github.io/vee-validate/guide/rules.html

谢谢

0 投票
0 回答
524 浏览

vuejs2 - Vee-Validate 具有范围的自定义错误组件

我想创建一个自定义组件来使用 Vee-Validate 范围来显示错误。

目前对于范围内的表格,我正在通过以下方式进行操作。

提交方法:

HTML

这意味着我必须在errors.has('form-partner.PartnerName')所有表格中重复多次。

我想简化如下。

类似于这里的实现!但这不适用于范围。

我想用scopes. 我会将范围error-form作为道具传递给 ,如下所示。

那么,我如何error-form使用范围检查我的组件?范围可以是强制性的或必需的。