element ui 表单校验失焦

element ui 表单校验失焦是指在用户离开表单输入框时，进行校验操作。Element UI是一款基于Vue.js的组件库，提供了丰富的表单校验功能。

要实现失焦校验，我们可以使用Element UI提供的表单校验规则和API。首先，我们需要在表单输入框中定义校验规则，例如：

<el-form :model="form" ref="form" :rules="rules">
  <el-form-item label="用户名" prop="username">
    <el-input v-model="form.username" @blur="validateField('username')"></el-input>
  </el-form-item>
</el-form>

上述代码中，`@blur`事件绑定了`validateField`方法，该方法会在输入框失去焦点时触发。

然后，在Vue的`methods`中定义`validateField`方法：

methods: {
  validateField(field) {
    this.$refs.form.validateField(field);
  }
}

`validateField`方法调用了Element UI提供的`validateField`方法，用于校验指定字段。

最后，在Vue的`data`中定义校验规则：

data() {
  return {
    form: {
      username: ''
    },
    rules: {
      username: [
        { required: true, message: '请输入用户名', trigger: 'blur' }
      ]
    }
  }
}

上述代码中，`rules`定义了`username`字段的校验规则，其中`trigger: 'blur'`表示在失焦时触发校验。

这样，当用户离开用户名输入框时，会触发校验规则，根据规则进行相应的校验提示。

希望对你有帮助！如还有其他问题，请继续提问。