问题标签 [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.
vuejs2 - 将 VeeValidate 添加到 Vue 自定义组件会导致 Vue 组件出现无限更新循环警告
我在使用 v-for 循环动态呈现的自定义组件中使用 VeeValidate 库。我确保每个自定义组件的名称都是唯一的。但是在我在自定义控件上添加 v-validate 属性后,它会导致以下警告:
[Vue 警告]:您可能在组件渲染函数中有无限更新循环。
例如,下面是代码示例:
为什么会发生这种情况,我可以使用什么样的策略来消除这个警告?
vue.js - 如何从vue中的父组件验证插槽中的表单?
信息项组件
我如何使用 InfoItemComponent
我想要做的是当我点击 infoitemcomponent 中的提交按钮时,我想通过 vee-validate 验证输入元素。我该怎么做才能解决这个问题
vue.js - 如何访问 vee-validate 错误并在 vue 实例(组件)之外清除它们
我想在关闭模态或将数据发送到数据库并在 vue 实例之外执行此操作后清除错误,我已尝试vm.$validator.errors.clean()
并重置,但这些对我不起作用,有什么建议如何在组件外部访问它们?
我提供了代码示例
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?
vue.js - 将验证作为道具传递给输入组件时的VueJS vee-validate问题
我正在构建一个输入组件来使用vee-validate。
为了更方便,我想使用验证规则作为道具。
v-model directive
当我在父母身上使用时,一切都很好。但是,value
有财产;在字段中写入并验证后,输入值重置为其父级。
这合乎逻辑吗?如果没有,我该如何解决这个问题v-model
?
请注意:
1)-验证事件是“输入”和“模糊”
2)-我不想v-on:input
在父级上设置事件
vuejs2 - this.$validator.validateAll().then((result) 即使填写了所有表单输入,也始终显示为 false
我已经使用这个函数来验证表单,但它总是显示错误,我没有得到确切的错误。
vue.js - 动态元素中的 Vee 验证
Vee 在常见错误框中使用自定义消息验证动态元素。
如果存在验证错误,我需要在页面顶部单独显示错误消息并在输入字段上显示突出显示。如何检查组件中发生的任何验证错误。
我想将它创建为组件,保存按钮位于主页上,并在保存之前验证每个组件。
vuejs2 - Vue v-model惰性修饰符不适用于数组元素
我有一个对象数组,我使用 v-for 对其进行迭代,并为对象的一个属性创建一个输入,并在该输入上使用 vee-validate。我想延迟验证,所以我使用 v-model.lazy 仅在更改时更新,这就是问题发生的地方。数据绑定似乎没有正确发生。下面的小提琴重现了我的问题。任何建议将不胜感激。
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
谢谢
vuejs2 - Vee-Validate 具有范围的自定义错误组件
我想创建一个自定义组件来使用 Vee-Validate 范围来显示错误。
目前对于范围内的表格,我正在通过以下方式进行操作。
提交方法:
HTML
这意味着我必须在errors.has('form-partner.PartnerName')
所有表格中重复多次。
我想简化如下。
类似于这里的实现!但这不适用于范围。
我想用scopes
. 我会将范围error-form
作为道具传递给 ,如下所示。
那么,我如何error-form
使用范围检查我的组件?范围可以是强制性的或必需的。