vee-validate如何获得页面中的第一个错误信息?
如题,看了很多资料都是
errors.first('field')
这个field是什么意思?写死的?跟表单的name值有关?
<div class="list-item list-input-item">
<div class="left">
<span class="title">验证码</span>
</div>
<div class="center">
<input :class="{'is-danger': errors.has('code') }" v-validate="'required'" name="code" type="text" placeholder="请输入验证码" v-model="code">
</div>
</div>
<div class="list-item list-input-item">
<div class="left">
<span class="title">密码</span>
</div>
<div class="center">
<input :class="{'is-danger': errors.has('psw') }" v-validate="'required|alpha_num|min:6'" name="psw" type="password" placeholder="6位以上数字或字母" v-model="psw">
</div>
</div>
<div class="list-item list-input-item">
<div class="left">
<span class="title">密码确认</span>
</div>
<div class="center">
<input :class="{'is-danger': errors.has('psw2') }" v-validate="'required|alpha_num|min:6'" name="psw2" type="password" placeholder="请重复输入密码" v-model="psw2">
</div>
</div>
比如这段代码我想知道第一个错误的信息
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
field就是input的name值,要获取第一个错误的信息:
let errs = this.$validator.errors.all()
console.log(errs[errs.length - 1])
或者如果已知第一个错误信息是属于name为first的input框的,那么
console.log(this.$validator.errors.first('first'))