首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Vue.js和Vee验证-如何更新包含错误的错误消息

Vue.js和Vee验证-如何更新包含错误的错误消息
EN

Stack Overflow用户
提问于 2018-07-31 00:33:39
回答 1查看 1.2K关注 0票数 1

我正在尝试将来自vee-validate的错误消息设置为来自API的错误消息。

代码语言:javascript
运行
复制
<div class="col-md-12">
  <label for="company-contact-name" class="label-input">Company Contact Name</label>
  <input v-validate="validations.user.name" v-model="data.user.name" id="company-contact-name" class="form-control" type="text" name="name" placeholder="Enter contact name" />
  <div id="name-error" class="msg-error text-danger">{{ errors.first('name') }}</div>
</div>


<div class="col-md-12">
  <label for="email" class="label-input">E-mail address</label>
  <input v-validate="validations.user.email" v-model="data.user.email" id="email" class="form-control" type="email" name="email" placeholder="Enter e-mail" />
  <div id="email-error" class="msg-error text-danger">{{ errors.first('email') }}</div>
</div>

因此,如果接口返回电子邮件错误,我想将上面的"errors.first(' email ')“编辑为接口错误。然后,当用户开始更正该字段时,Vee验证将显示其配置的错误。

这是一个可能的错误数组的示例:

代码语言:javascript
运行
复制
[
  {id: "name", title: "Name is invalid. It should have only letters"},
  {id: "name", title: "Name is too short. It should have more than three characters"},
  {id: "email", title: "Email has already been taken"}
]

如何处理API错误消息?

感谢您的时间和关注。

EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/51598537

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档