vue2全局针对校验失败抛出错误信息

在Vue.js 2.x版本中，如果你想实现全局的表单验证并当校验失败时自动抛出错误信息，可以借助一些第三方库如`vue-validator`或者自定义事件系统来进行。以下是简要步骤：

1. 首先安装`vue-validator`库，如果还没有安装，可以在项目目录下运行：

   npm install vue-validator --save

2. 引入并在Vue实例上配置它：

   import Vue from 'vue';
   import VeeValidate from 'vee-validate';

   Vue.use(VeeValidate);

这会全局启用VeeValidate，并提供一套验证规则API。

3. 定义验证规则：

   Vue.component('your-form', {
     data() {
       return {
         form: {
           requiredField: '',
           // ...其他字段及验证规则
         }
       };
     },
     validations: {
       form: {
         requiredField: { required: true },
         // ...其他字段及对应的验证规则
       }
     }
   });

4. 当验证失败时，`vee-validate`会自动触发一个名为`@error`的自定义事件，你可以监听这个事件处理错误信息：

   <form @error="handleValidationErrors">
     <!-- 表单元素 -->
     <input v-model="form.requiredField" :validate="{ required: true }">
     <button type="submit">提交</button>
   </form>

   methods: {
     handleValidationErrors({ field, messages }) {
       console.error(`验证错误: ${field} - ${messages}`);
       // 或者在这里显示错误消息到前端界面
     }
   }