el-form-item介绍

el-form-item是Element UI中的表单项组件，用于封装表单控件及其对应的标签和验证信息。通过el-form-item，我们可以更加方便地实现表单的布局、验证、提示等功能。其中，el-form-item支持的属性有label、prop、rules等，分别用于设置表单项的标签、绑定的数据字段名和验证规则等。

举个例子，我们可以通过以下代码片段创建一个简单的el-form-item：

<el-form-item label="用户名" prop="username" :rules="[
  { required: true, message: '请输入用户名', trigger: 'blur' },
  { min: 6, max: 20, message: '用户名长度在6到20个字符之间', trigger: 'blur' }
]">
  <el-input v-model="formData.username"></el-input>
</el-form-item>

这个代码片段中，我们定义了一个label为“用户名”的表单项，绑定的数据字段名为“username”，同时添加了两条验证规则，分别要求输入内容不能为空且长度在6到20个字符之间。表单项的控件部分使用了el-input组件，并绑定了formData.username数据。这样，在进行表单提交时，就可以通过formData.username获取到用户输入的用户名。