VeeValidate 指定表单元素的完整错误信息

要指定 VeeValidate 中表单元素的完整错误信息，你可以使用 `data-vv-as` 属性来指定表单元素的名称，然后使用 `data-vv-validate-on` 属性来指定验证触发的事件。然后，你可以在 `messages` 对象中为每个验证规则设置自定义错误信息。例如：

<template>
  <form @submit.prevent="submit">
    <div>
      <label for="email">Email</label>
      <input id="email" type="email" name="email" v-model="email" v-validate="'required|email'" data-vv-as="邮箱" data-vv-validate-on="blur">
      <span v-show="errors.has('email')">{{ errors.first('email') }}</span>
    </div>

    <div>
      <label for="password">Password</label>
      <input id="password" type="password" name="password" v-model="password" v-validate="'required|min:6'" data-vv-as="密码" data-vv-validate-on="blur">
      <span v-show="errors.has('password')">{{ errors.first('password') }}</span>
    </div>

    <button type="submit">提交</button>
  </form>
</template>

<script>
export default {
  data() {
    return {
      email: '',
      password: ''
    }
  },
  validations: {
    email: {
      required: '邮箱不能为空',
      email: '请输入有效的邮箱地址'
    },
    password: {
      required: '密码不能为空',
      min: '密码长度不能少于6位'
    }
  },
  methods: {
    submit() {
      this.$validator.validateAll().then(result => {
        if (result) {
          alert('表单验证通过')
        }
      })
    }
  }
}
</script>

在这个例子中，我们使用 `data-vv-as` 属性来指定了每个表单元素的名称，使用 `data-vv-validate-on` 属性来指定验证触发的事件为 `blur`，并且在 `validations` 属性中为每个验证规则设置了自定义错误信息。这样，当表单验证失败时，VeeValidate 将会显示类似于 "邮箱 请输入有效的邮箱地址" 或者 "密码 密码长度不能少于6位" 的完整错误信息。