Element-UI 提供了丰富的表单校验功能，可以用于对用户输入的数据进行验证。以下是一个简单的使用Element-UI进行表单校验的例子：

html <el-form :model="userForm" :rules="userFormRules" @submit="submitForm"> <el-row> <el-col> <el-form-item label="姓名"> <el-input v-model="userForm.name"></el-input> </el-form-item> </el-col> <el-col> <el-form-item label="性别"> <el-select v-model="userForm.gender"> <el-option v-for="(item, index) in genderOptions" :key="index" :label="item.label" :value="item.value"> {{ item.label }} </el-option> </el-select> </el-form-item> </el-col> </el-row> <el-form-item label="年龄"> <el-input v-model="userForm.age"></el-input> </el-form-item> <el-form-item> <el-button type="primary" @click="submitForm">提交</el-button> </el-form-item> </el-form>

在这个例子中，我们创建了一个名为userForm的表单，其中包含姓名、性别和年龄三个字段。我们还定义了一个名为userFormRules的规则对象，用于定义校验规则。

然后，我们使用el-form和el-input组件创建了一个表单。表单中包含一个el-input用于输入姓名，一个el-select用于选择性别，一个el-input用于输入年龄。

在表单提交时，我们调用submitForm方法，这个方法会调用一个名为submitForm的函数。这个函数会被传递给el-form的@submit事件处理器，处理器会调用el-input的v-model属性来获取用户输入的数据。

这就是使用Element-UI进行表单校验的基本步骤。