问题标签 [vuelidate]

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 回答
3964 浏览

javascript - Vuelidate 是否支持 VueJs 中的打字稿?

Vuelidate 是否支持 VueJs 中的打字稿?如果是,如何使用?

我可以将它与 JavaScript 一起使用。

0 投票
1 回答
7246 浏览

javascript - Vue.js 中的 Vuelidate 自定义验证功能

我正在使用 vuelidate 来实现验证并尝试从自定义函数访问整个数据对象(我已经阅读了第二个参数获取数据对象),但它只是获取观察者并且它只有层次结构中相同级别的数据。

我在 x11 上应用了自定义验证,然后我在第二个参数中只得到 x11 和 x12,而不是整个对象。

这是正确的行为还是我做错了什么?

0 投票
1 回答
302 浏览

javascript - Vuelidate 在页面渲染时验证

在我们的 Vue 应用程序中,我们使用Vuelidate进行表单验证。存在这种行为,即在页面呈现时验证字段,而应仅在表单提交中对其进行验证,如在提交处理中使用 $v.invalid 和 $v.touch() 的文档中所述。奇怪的是,在某些实现它的页面中,它运行良好。但有时,在其他页面中,它会以我不想要的方式验证,但我看不出在哪里可以解决这个问题。有人经历过吗?一些代码片段。

我的数据对象和验证

提交方法

0 投票
1 回答
2467 浏览

vue.js - 如何将 vuelidate 与 vuetify 2 一起用于嵌套数据?获取无效字段

我正在尝试将 vuelidate 与 Vuetify 2 一起使用,但在尝试验证嵌套对象值时遇到了麻烦。

此代码工作正常:

但是,如果我将no_nome数据更改为:

运行后,即使不为空$vm0.$v.no_nome.$touch()$vm0.$v.no_nome.$invalid也会始终返回。如何使验证适用于任何其他嵌套数据值?trueuser.no_nomeuser.no_nome

0 投票
1 回答
626 浏览

vue.js - Vuelidate - 摇晃不正确的输入字段

查看Vuelidate 文档中的基本表单。如果规则被破坏(文本太短),标签为红色,然后出现错误消息,输入字段会抖动一会儿。这是怎么做到的?我已经复制了源代码示例,并且没有晃动效果。我什至不能用官方的小提琴来模拟它:https ://jsfiddle.net/so89zmpe/2/

我在 Chrome 开发人员中找不到任何相关内容 在此处输入图像描述

0 投票
2 回答
939 浏览

javascript - 如何为复选框实现 requiredUnless 验证器

使用 Vuelidate,由于 'required' 验证器现在认为布尔值 'false' 是一个有效值,因此您必须使用 'sameAs'sameAs: sameAs( () => true )来实现复选框所需的验证。如何使用 vuelidate 对复选框实施“requiredUnless”验证,其中仅在属性不是特定值时才需要检查复选框?

0 投票
2 回答
6922 浏览

vue.js - Vuelidate 重置特定字段,以便 $error 标志为 false

使用 Vuelidate,您可以使用this.$v.$reset(). 在此Codepen 示例中,重置lastName使用 Vuetify 组件的字段有效 -设置为 false$invalid$error为 true。

重置常规文本输入时firstName它不起作用,因为$error标志仍然为真。如何修改文本输入,以便在调用重置时 $error 为假?

我也试过this.$nextTick(() => {...}),但这也不起作用。

0 投票
1 回答
567 浏览

vue.js - 使用 Vuelidate,如果用户输入的内容已经存在于数据库中,如何生成错误?

我正在使用 Vue JS,更具体地说是 Vuetify 框架创建一个表单。

我已经创建了一种在项目不存在时显示错误的方法,但是如果用户输入的内容已经存在于数据库中,我怎样才能使它也显示错误?

我的表单组件如下所示:

请注意,“choice.data”代表数据库中的数据列

0 投票
2 回答
3420 浏览

javascript - vuelidate 中的可选嵌套验证

在 vuelidate 中添加可选验证对象的正确方法是什么?

给定一个验证形状:

我的期望是,对于这种类型的车辆,bike我不需要提供尺寸和功率,因为engine​​不需要它们的父级。但是验证返回无效。

0 投票
2 回答
2750 浏览

javascript - Vuelidate 深层嵌套的字符串数组

我的 Vue 文件中有以下结构的数据:

数组中的对象数量是动态的,数组objects也是动态的props,其中可以添加和删除字符串值。我需要使用 Vuelidate 在每个对象更改时验证每个对象中的 props 数组的每个值。所以我尝试了这个:

计算:

还有我的 Vuetify 文本字段:

并且setCurrents只设置当前编辑的对象和道具索引:

一旦我测试页面并单击文本字段,我就会收到此错误:Error in render: "TypeError: Cannot read property 'props' of undefined"

我试图改变propsErrors(objIndex目前在上面的代码中被注释掉了)

文本字段(oi代表对象索引):

和验证:

仍然不断收到错误。请问有什么想法吗?