鍍金池/ 問答/網(wǎng)絡安全  HTML/ vee-validate如何獲得頁面中的第一個錯誤信息?

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位以上數(shù)字或字母" 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>

比如這段代碼我想知道第一個錯誤的信息

回答
編輯回答
練命

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'))

2017年2月2日 10:13