element ui 分组from

Element UI 提供了 `el-form` 组件来实现表单的功能，同时也支持分组表单。

你可以使用 `el-form` 的 `el-form-item` 组件来分组表单，该组件可以设置 `label` 属性，用于显示分组的标题。例如：

<el-form>
  <el-form-item label="分组1">
    <!-- 这里放置分组1的表单控件 -->
  </el-form-item>
  <el-form-item label="分组2">
    <!-- 这里放置分组2的表单控件 -->
  </el-form-item>
</el-form>

这样就可以将表单控件按照分组的方式显示出来。同时，你还可以使用 `el-row` 和 `el-col` 组件来控制分组的布局，使得表单更加美观。例如：

<el-form>
  <el-form-item label="分组1">
    <el-row>
      <el-col :span="8">
        <!-- 这里放置分组1的第一个表单控件 -->
      </el-col>
      <el-col :span="8">
        <!-- 这里放置分组1的第二个表单控件 -->
      </el-col>
      <el-col :span="8">
        <!-- 这里放置分组1的第三个表单控件 -->
      </el-col>
    </el-row>
  </el-form-item>
  <el-form-item label="分组2">
    <el-row>
      <el-col :span="12">
        <!-- 这里放置分组2的第一个表单控件 -->
      </el-col>
      <el-col :span="12">
        <!-- 这里放置分组2的第二个表单控件 -->
      </el-col>
    </el-row>
  </el-form-item>
</el-form>

这样可以将表单控件按照分组和布局的方式显示出来，更加美观和易于使用。