javascript - 在名称属性中使用索引并使用 vee 验证自定义错误消息？

Question

我在一页上有一个用户名片列表。我需要使用索引来区分每张卡片上的字段名称。前任。 userDob${i}

我还必须为这些用户输入创建自定义消息。通常对于自定义消息，我可以简单地写

custom: {
  userDob: {
    required: 'User dob is required',
    date_format: 'Please enter a dob in the correct format (yyyy-mm-dd)'
  },
}

在这种情况下，我将需要一种更动态的方法，通过某种方式忽略索引，或者能够分配一个别名以在我的自定义消息传递中使用，而不是将名称属性作为属性名称。我本可以发誓 vee validate 有一种使用别名的方法，但我无法在任何地方找到它。

Answer 1

Vee Validate 允许您使用“data-vv-name”和“data-vv-as”为名称设置替代值，以便向用户显示消息。

我没有你的输入字段代码，但你应该可以添加如下内容:

:data-vv-name="`${value.field_name}`"  //e.g user_name
:data-vv-as="key"   // Name