问题标签 [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 投票
1 回答
1769 浏览

vue.js - 使用 Vee Validate 创建自定义验证时如何使用 Vuex 状态

我正在尝试执行以下操作:

我想从 Vuex 商店传递一个令牌,如下所示:

我想创建一个向 API 发送请求的自定义验证。但是,我无法访问“导出默认值”部分之外的 this.$store。我没有定义。

然后,我想将此代码提取到一个文件中并导入需要它的组件中。我怎么能那样做?

我是 Vue.js 和 Vee 验证的新手,如果这是一个简单的问题,我很抱歉。

感谢您的时间和关注。

0 投票
2 回答
5968 浏览

vuejs2 - Vee-validate 子日期选择器组件

我正在尝试使用 vee-validate(vue 版本 2.5.3,vee-validate 版本 2.1.0-beta.7)向我的自定义组件写入验证。一切正常,除了我的日期选择器都没有通过验证。

父视图

童装

所以我的大学和学位验证工作正常,但编辑日期字段不行。我试图将我的代码放到代码沙箱中,但没有成功。我附上我制作的 gif 以提供更多信息。提前致谢。动图

0 投票
0 回答
338 浏览

validation - Vee-validate 错误消息不会消失

我正在尝试使用 vee-validate 为输入错误消息构建一个 Vue 输入组件。所有错误都正常工作,但是当我尝试相互确认两个输入时,错误消息会弹出但永远不会消失。

我的组件:

当我想确认两封电子邮件时,如何从父组件调用它:

如果有人可以帮助我,那就太好了!

0 投票
1 回答
1540 浏览

vuejs2 - 子组件上的值更改时未更新 vee-validate 错误

从 Kendo DropDownList 中选择值时,值会更新到模型,但错误始终保留在errorsvee-validate 的对象上。

仅当再次提交表单时,该错误才会被删除。

我试图在小提琴中实现类似的情况,但小提琴显示了实际行为。小提琴上一切正常。

小提琴链接

但是当我在实际项目中使用相同的情况时,错误不会重置。我需要再次提交表单以重置错误。

在此处输入图像描述

值已更新为模型,但错误仍然存​​在!

在此处输入图像描述

实际项目中使用的代码:

父组件

子组件

这个实现有什么问题?在这种情况下的任何帮助表示赞赏。

有什么指导或参考吗?

0 投票
1 回答
795 浏览

validation - vee-validate 以什么顺序与验证器一起使用?(同步和异步)

作为Vue.jsVeeValidate的新手,我想知道与字段关联的验证器函数(规则)的验证顺序是什么?(因为文档并没有真正提到它)

我习惯了有关验证器功能的 Angular 文档,并且想知道是否在异步验证器之前调用了同步验证器。

0 投票
1 回答
796 浏览

vuejs2 - Vee-Validate between 和 data_between 不使用对象表示法

我正在尝试使用如下的对象表示法来验证几年之间的数据:

但是,我收到的信息是:

正确的方法是如何做到的?在文档中,它没有显示对象表示法,所以我尝试传递一个字符串,但它也不起作用。当我使用上面所示的验证“之间”时,也会发生同样的问题。

我在这里先向您的帮助表示感谢。

0 投票
0 回答
113 浏览

vue.js - 在 Vue.js 中,为什么我在尝试迁移到单个文件组件时会出错?

我在这里遵循了教程:

http://frankclark.xyz/veevalidate-strong-password-and-confirmation-validation

创建自定义密码验证器。

我现在正试图将该代码移动到单个文件组件中。

我创建了一个名为 Password.vue 的文件,并将 HTML 放入<template></template>标签中,没有问题。

但是当我添加 JavaScript 时:

<script></script>标签内,我收到以下错误消息:

我究竟做错了什么?

0 投票
1 回答
10418 浏览

javascript - 使用 vue js 将 js 变量显示为 html

我如何使用 vue.js 将名字、姓氏等显示到数据中
我在 getData 函数中有数据,所以我必须在 getData 函数旁边的数据中显示。那么如何在数据数组中显示名字、姓氏等变量,目前我正在传递空白数组来显示,我必须传递通过 getData 函数获得的值

JS文件

.html 文件

0 投票
1 回答
5084 浏览

vue.js - 如何查看计算的 vee 验证错误?

我已经vee-validate验证了一个输入字段。每次在输入字段中发生无效错误时,我都希望发出一个事件。

因此,我认为最好只创建一个computed代表$validator.errors.

问题是$emit事件watch永远不会被触发。

我的代码是这样的:

0 投票
1 回答
342 浏览

javascript - 如何在 VeeValidate 规则之间使用多范围

如何在规则之间或 VeeValidate 中使用多范围?

我想验证 1-15 和 100

方程。5 有效 50 无效 100 有效

我试试

rule.between = [[1,15],100]; 不起作用,但错误消息是“XXX 字段必须介于 1,15 和 100 之间。”