element ui的validateMessage用法

### 回答1：
在 Element UI 中，`el-form` 表单组件提供了 `validateMessage` 属性，用于设置表单项验证失败时的提示信息。具体用法如下：

1. 在 `el-form-item` 组件中设置 `prop` 属性来指定表单项的唯一标识符。
2. 在 `el-form-item` 组件中设置 `rules` 属性来指定表单项的验证规则。
3. 在 `el-form-item` 组件中设置 `validateMessage` 属性来指定验证失败时的提示信息。

以下是一个示例代码：

<el-form ref="form" :model="form" :rules="rules">
  <el-form-item label="用户名" prop="username" validateMessage="请输入正确的用户名">
    <el-input v-model="form.username"></el-input>
  </el-form-item>
  <el-form-item label="密码" prop="password" validateMessage="请输入正确的密码">
    <el-input type="password" v-model="form.password"></el-input>
  </el-form-item>
  <el-form-item>
    <el-button type="primary" @click="submitForm">提交</el-button>
  </el-form-item>
</el-form>

在上面的示例中，`validateMessage` 属性设置了验证失败时的提示信息。如果表单项验证失败，则会显示指定的提示信息。

### 回答2：
element ui中的validateMessage用于设置表单验证失败时的提示信息。其使用方法主要有以下几点：

1. 在表单元素上使用validateMessage属性：在需要进行表单验证的输入框、选择框等表单元素上，可以通过添加validateMessage属性来设置验证失败时的提示信息。例如：

<el-input v-model="name" :validateMessage="'请输入用户名'"></el-input>

2. 在el-form-item组件上使用validateMessage属性：对于需要统一设置多个表单元素的验证失败提示信息的情况，可以在el-form-item组件上使用validateMessage属性来设置。例如：

<el-form-item :label="'用户名'">
<el-input v-model="name" :validateMessage="'请输入用户名'"></el-input>
</el-form-item>

3. 在el-form组件上使用属性validateMessageInFirstError：在el-form组件上使用validateMessageInFirstError属性可以控制验证失败时是否只显示第一个错误提示信息。当该属性被设置为true时，只会显示第一个验证失败的表单项的提示信息；当该属性被设置为false时，会显示所有验证失败的表单项的提示信息。例如：

<el-form :model="form" :rules="rules" :validateMessageInFirstError="false">
<el-form-item :label="'用户名'" prop="name" :validateMessage="'请输入用户名'">
<el-input v-model="form.name"></el-input>
</el-form-item>
<el-form-item :label="'密码'" prop="password" :validateMessage="'请输入密码'">
<el-input type="password" v-model="form.password"></el-input>
</el-form-item>
</el-form>

以上是element ui中validateMessage的用法，通过设置相应的属性，可以方便地进行表单验证失败时的提示信息设置。

### 回答3：
element ui中的validateMessage是用于验证表单输入的提示信息。它可以帮助我们在表单验证失败时显示相应的错误提示。

首先，我们需要在表单中设置相应的验证规则。例如，我们使用el-form-item组件来包裹一个输入框，然后在el-input组件上设置rules属性，通过rules属性我们可以设置该输入框的验证规则。

接下来，我们可以使用el-form-item组件的prop属性来设置该组件的标识符，然后在validateMessage中使用该标识符来指定相应的错误提示信息。

具体用法如下所示：

<el-form-item label="用户名" prop="username" :rules="[{required: true, message: '请输入用户名', trigger: 'blur' }]">
<el-input v-model="form.username"></el-input>
</el-form-item>

在上述代码中，我们将用户名输入框用el-input组件包裹，使用prop属性设置该组件的标识符为"username"，并设置了该输入框的验证规则为必填，如果未填写则显示提示信息"请输入用户名"。

同时，我们还可以使用validateMessage组件来显示验证不通过时的具体错误信息。只需要在表单外部使用该组件，并指定相应的标识符即可。例如：

<el-form ref="form" :model="form" :rules="rules">
<el-form-item label="用户名" prop="username">
<el-input v-model="form.username"></el-input>
</el-form-item>
<!-- 其他表单项 -->
</el-form>

<el-validate-message :prop="'username'" :rules="rules"></el-validate-message>

在上述代码中，我们使用el-form组件包裹了所有的表单项，并设置了该表单的验证规则为rules。然后使用el-validate-message组件来显示用户名输入框的验证错误信息，通过设置:prop属性为"username"，并将验证规则传入:rules属性即可。

总而言之，element ui的validateMessage用法是通过设置prop属性和传入相应的验证规则，结合el-validate-message组件来实现表单验证失败时的错误提示功能。