问题标签 [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.
javascript - Vuelidate 是否支持 VueJs 中的打字稿?
Vuelidate 是否支持 VueJs 中的打字稿?如果是,如何使用?
我可以将它与 JavaScript 一起使用。
javascript - Vue.js 中的 Vuelidate 自定义验证功能
我正在使用 vuelidate 来实现验证并尝试从自定义函数访问整个数据对象(我已经阅读了第二个参数获取数据对象),但它只是获取观察者并且它只有层次结构中相同级别的数据。
我在 x11 上应用了自定义验证,然后我在第二个参数中只得到 x11 和 x12,而不是整个对象。
这是正确的行为还是我做错了什么?
javascript - Vuelidate 在页面渲染时验证
在我们的 Vue 应用程序中,我们使用Vuelidate进行表单验证。存在这种行为,即在页面呈现时验证字段,而应仅在表单提交中对其进行验证,如在提交处理中使用 $v.invalid 和 $v.touch() 的文档中所述。奇怪的是,在某些实现它的页面中,它运行良好。但有时,在其他页面中,它会以我不想要的方式验证,但我看不出在哪里可以解决这个问题。有人经历过吗?一些代码片段。
我的数据对象和验证
提交方法
vue.js - 如何将 vuelidate 与 vuetify 2 一起用于嵌套数据?获取无效字段
我正在尝试将 vuelidate 与 Vuetify 2 一起使用,但在尝试验证嵌套对象值时遇到了麻烦。
此代码工作正常:
但是,如果我将no_nome
数据更改为:
和
运行后,即使不为空$vm0.$v.no_nome.$touch()
,$vm0.$v.no_nome.$invalid
也会始终返回。如何使验证适用于任何其他嵌套数据值?true
user.no_nome
user.no_nome
vue.js - Vuelidate - 摇晃不正确的输入字段
查看Vuelidate 文档中的基本表单。如果规则被破坏(文本太短),标签为红色,然后出现错误消息,输入字段会抖动一会儿。这是怎么做到的?我已经复制了源代码示例,并且没有晃动效果。我什至不能用官方的小提琴来模拟它:https ://jsfiddle.net/so89zmpe/2/
javascript - 如何为复选框实现 requiredUnless 验证器
使用 Vuelidate,由于 'required' 验证器现在认为布尔值 'false' 是一个有效值,因此您必须使用 'sameAs'sameAs: sameAs( () => true )
来实现复选框所需的验证。如何使用 vuelidate 对复选框实施“requiredUnless”验证,其中仅在属性不是特定值时才需要检查复选框?
vue.js - Vuelidate 重置特定字段,以便 $error 标志为 false
使用 Vuelidate,您可以使用this.$v.$reset()
. 在此Codepen 示例中,重置lastName
使用 Vuetify 组件的字段有效 -设置为 false$invalid
时$error
为 true。
重置常规文本输入时firstName
它不起作用,因为$error
标志仍然为真。如何修改文本输入,以便在调用重置时 $error 为假?
我也试过this.$nextTick(() => {...})
,但这也不起作用。
vue.js - 使用 Vuelidate,如果用户输入的内容已经存在于数据库中,如何生成错误?
我正在使用 Vue JS,更具体地说是 Vuetify 框架创建一个表单。
我已经创建了一种在项目不存在时显示错误的方法,但是如果用户输入的内容已经存在于数据库中,我怎样才能使它也显示错误?
我的表单组件如下所示:
请注意,“choice.data”代表数据库中的数据列
javascript - vuelidate 中的可选嵌套验证
在 vuelidate 中添加可选验证对象的正确方法是什么?
给定一个验证形状:
我的期望是,对于这种类型的车辆,bike
我不需要提供尺寸和功率,因为engine
不需要它们的父级。但是验证返回无效。
javascript - Vuelidate 深层嵌套的字符串数组
我的 Vue 文件中有以下结构的数据:
数组中的对象数量是动态的,数组objects
也是动态的props
,其中可以添加和删除字符串值。我需要使用 Vuelidate 在每个对象更改时验证每个对象中的 props 数组的每个值。所以我尝试了这个:
计算:
还有我的 Vuetify 文本字段:
并且setCurrents
只设置当前编辑的对象和道具索引:
一旦我测试页面并单击文本字段,我就会收到此错误:Error in render: "TypeError: Cannot read property 'props' of undefined"
我试图改变propsErrors
(objIndex目前在上面的代码中被注释掉了)
文本字段(oi
代表对象索引):
和验证:
仍然不断收到错误。请问有什么想法吗?