使用vee-validate时,A字段在作用域内.This.errors.first('field')不起作用

时间:2019-07-17 10:40:08

标签: vue.js vee-validate

我要先验证零件,然后用户将收到手机验证码,然后在用户提交时验证所有零件。但是我不能第一次从this.errors.first('field')中得到错误的信息。

<template lang="html">
  <div>
    <form data-vv-scope="s">
        <input type="text" v-validate="'required'" data-vv-name="s1">
        <input type="text" v-validate="'required'" data-vv-name="s1">
        <button @click="vali" type="button">submit</button>
        <div @click="see">see</div>
    </form>
  </div>
</template>

<script>
import { ErrorBag } from 'vee-validate';
export default {
  methods:{
    vali () {
        this.$validator.validateAll(["s1"]);
    },
    see () {
        console.log(this.errors.first("s1")) //can't get the wrong information
    }
  }
}
</script>

1 个答案:

答案 0 :(得分:0)

当字段具有范围时,您需要使用该范围对其进行引用:

this.errors.first("s.s1")

在此处查看代码:https://baianat.github.io/vee-validate/examples/scopes.html