Validation Vee validate错误消息不存在'；别走开

我正在尝试使用vee validate为输入错误消息构建Vue输入组件。所有的错误都正常工作，但当我尝试确认两个输入时，错误消息会弹出，但不会消失

我的组成部分：

<template lang="pug">
div
  .label {{ label }}
    input(:type="type"
          :value="value"
          @input="$emit('input', $event.target.value)"
          @change="$emit('input', $event.target.value)"
          :placeholder="placeholder"
          v-validate="validation"
          :name="name"
          :ref="name")
  .message
    img(v-if="errors.first(name)" src="/static/icons/error-input.svg")
    .field(v-if="errors.first(name)") {{ errors.first(name) }}
</template>

<script>
export default {
  inject: ['$validator'],

  $_veeValidate: {
    name () {
      return this.name
    },
    value () {
      return this.value 
    }
  },

  props: {
    label: {
      type: String,
      required: false
    },
    placeholder: {
      type: String,
      required: false
    },
    validation: {
      type: String,
      required: false,
      default: ''
    },
    type: {
      type: String,
      default: 'text',
      required: false
    },
    value: {
      type: String
    },
    name: {
      type: String
    }
  }
}
</script>

div
.label{{label}
输入（：type=“type”
：value=“value”
@input=“$emit（'input'，$event.target.value）”
@change=“$emit（'input'，$event.target.value）”
：placeholder=“placeholder”
v-validate=“验证”
：name=“name”
：ref=“name”）
消息
img（v-if=“errors.first（name）”src=“/static/icons/error input.svg”）
.field（v-if=“errors.first（name）”）{{{errors.first（name）}
导出默认值{
注入：['$validator']，
$\u验证：{
姓名（）{
返回此名称
},
值（）{
返回此.value
}
},
道具：{
标签：{
类型：字符串，
必填项：false
},
占位符：{
类型：字符串，
必填项：false
},
验证：{
类型：字符串，
必填项：false，
默认值：“”
},
类型：{
类型：字符串，
默认值：“文本”，
必填项：false
},
价值：{
类型：字符串
},
姓名：{
类型：字符串
}
}
}

当我想确认两封电子邮件时，如何从父组件调用它：

<template lang="pug">
v-form
  text-input(v-model="email"
             validation="required|email"
             name="email")

  text-input(v-model="confirm_email"
             validation="required|email|confirmed:email"
             name="confirm_email")
</template>

<script>
import { mapActions } from 'vuex'
import textInput from '@/newDesignComponents/inputs/input'

export default {
  $_veeValidate: {
    validator: 'new' // please set a $validator for this component
  },

  data () {
    return {
      email: null,
      confirm_email: null
    }
  },
  components: {
    textInput
  }
}
</script>

v型
文本输入（v-model=“电子邮件”
validation=“必需|电子邮件”
name=“电子邮件”）
文本输入（v-model=“确认电子邮件”
validation=“必需|电子邮件|确认：电子邮件”
name=“确认电子邮件”）
从“vuex”导入{mapActions}
从“@/newDesignComponents/inputs/input”导入文本输入
导出默认值{
$\u验证：{
validator:'new'//请为此组件设置$validator
},
数据（）{
返回{
电子邮件：空，
确认电子邮件：空
}
},
组成部分：{
文本输入
}
}

---

如果有人能帮我，那就太好了

你运气好吗？