问题标签 [vuelidate]

我正在创建基本的库存管理系统。在那里，我要验证的发票，用户输入的价格必须大于或等于最低售价。我使用vuelidate包进行验证。

任何线索如何使用 vuelidate 来实现这一点

我想根据布尔表达式的结果将一个类绑定到一个元素。例如：

但是，如果我同时评估这两个条件，则不会将“无效”类添加到元素中；它仅在我评估一个或另一个时才有效，例如：

或者

工作得很好。我意识到我可以为此使用计算属性，但我必须为我的 Web 表单中的每个字段创建一个计算属性，这似乎是多余的。有没有更好的办法？

我有这个用户界面。如果用户检查All dates它会将布尔变量设置is_all_dates为true.So 这意味着用户不关心日期范围，他/她想要所有数据而不按日期范围过滤。

另一方面，如果用户不检查All dates我需要验证 3 件事。

1. 他/她输入起始日期（必填）
2. 他/她输入一个日期（必需）
3. 从日期 < 到日期（自定义验证器）

为了达到这个要求，我使用动态验证模式。

我只需要验证是否All dates等于假。否则我根本不需要验证。

我这样声明我的date_greather_than验证。

但问题是我有一个错误

TypeError：无法读取未定义的属性“date_greather_than”

我的自定义验证器在 validations() 函数中无法识别

我可以使用这样的关键字this。这是语法错误。

你们都如何使用 Vuelidate 和v-for. 我似乎无法让它正常工作。它要么验证text-fields我的表单中的每一个，要么引发错误。我只希望它验证正在输入的字段，而不是从v-for.

在下面的模板中，您可以看到credsinamazonCredsArray是从父组件传入的道具。取决于其中的散列amazonCredsArray数是创建的表单数。使用下面的设置，text-field下面会被多次创建，当只输入 1 时，Vuelidate 会验证所有这些字段。我已经:key在现场定义了，但它没有帮助。

模板

还有我的违规脚本：

脚本

我是 Vue Js 和 Vuelidate 的新手。刚刚尝试验证来自父组件的表单输入字段，如下所示：https ://github.com/monterrail/vuelidate/issues/333

父组件中的子组件：

在孩子的方法：

我正在从父级调用 touch() 方法，如下所示：

但我得到这个错误：

Error in event handler for "click": "TypeError: this.$refs.contactList.touch is not a function".

有任何想法吗？谢谢。

我想将 Vuelidate 验证添加到 Vuetify 数据表中的可编辑字段。但是，我不知道如何使它与 props.item 参数一起工作。

对于普通的输入字段，我会做类似的事情

我不知道如何让 props.item.squareFootage 工作。我不确定如何处理索引。这是我的数据表。任何建议，将不胜感激。

我正在尝试在 vuelidate 中验证日期。我想选择今天的日期或过去的日期。但它不起作用。这是我的最小代码：

我还尝试了 v-date-picker 属性：

但我没有达到我想要达到的目标。感谢您的任何建议。

我正在做表单验证。这是我的代码：

这是我的提交按钮：

这是我的脚本：

我的表格中不需要周年日期。然而，我必须选择周年纪念日才能启用提交按钮。在选择周年日期之前，提交按钮将保持禁用状态。任何人有任何想法提交表格。

这是我的提交代码：

我添加了 Vuelidate 来验证 Vue 组件中的表单。以下是标记中验证部分的代码：

每当从 Windows 操作系统以外的设备添加 .zip 文件时，此方法都可以正常工作。但是当我从 Windows 操作系统上传 .zip 文件时，它会显示该文件不是有效文件类型的验证错误。验证也适用于其他条件，但验证仅不适用于从 Windows 操作系统上传的 .zip 文件类型。

以下是此验证部分的相关代码：

我正在 vuelidate 中进行表单验证。我的表单中有一个日期选择器，它不是必填字段。但是，如果不从日期选择器中选择日期，我就无法提交表单。怎么会这样？谁能告诉我如何解决它？我想将日期选择器字段保留为非必填字段。这是我的代码：