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>

比如这段代码我想知道第一个错误的信息

阅读 4.1k
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'))

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题