vee-validate如何获得页面中的第一个错误信息?

发布于 2022-09-06 08:39:13 字数 1232 浏览 20 评论 0

如题,看了很多资料都是
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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

暮凉 2022-09-13 08:39:13

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

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文