Vee-validate vue 3 setErrors 无法定义字段

Posted 2023-02-22

【中文标题】Vee-validate vue 3 setErrors 无法定义字段

【英文标题】：Vee-validade vue3 setErrors can't define filed

【发布时间】：2021-12-30 05:18:10

【问题描述】：

我正在使用 Vue 3 和 vee-validate 和 yup 模式在发送发布请求之前验证表单并且它工作正常，但我的问题是当响应来自服务器时，例如，重复的电子邮件，我努力验证错误。 如果我这样做：

form.value.setErrors(
     email: 'my error message'
 );

一切正常！

但我想在我的错误数组中循环查看字段（参数）和错误消息（msg） 但我不能像我那样定义参数：

for (const error of errors.response.data.errors) 
  let param = error.param;
  let msg = error.msg;
  form.value.setErrors(
     param: msg
  );

我期望的是循环在我的“errors.response.data.errors”和 setErrors () with-param 和 msg 变量中

【参考方案1】：

Computed property names 功能是在 ECMAScript 2015 (ES6) 中引入的，它允许您以 javascript 对象文字表示法动态计算对象属性的名称。

我不得不使用 [param]:msg