element ui 表单树形控件

Element UI 提供了 Tree Select 组件，可以实现树形结构的选择功能。但是如果需要在表单中使用树形结构，可以使用 el-tree 或 el-tree-select 组件，并结合表单组件使用。

el-tree-select 组件是基于 el-select 和 el-tree 组件封装的，可以在下拉框中展示树形结构，并支持搜索、多选等功能。

使用 el-tree-select 组件需要注意以下几点：
1. 需要设置 :props="{label: 'name', children: 'children'}"，指定节点的 label 和 children 属性。
2. 需要设置 :node-key="id"，指定节点的唯一标识符。
3. 需要设置 v-model 绑定选中的节点或节点数组。

示例代码如下：

<template>
  <el-form :model="form">
    <el-form-item label="分类">
      <el-tree-select
        v-model="form.category"
        :data="treeData"
        :props="{label: 'name', children: 'children'}"
        :node-key="id"
        multiple
        filterable
        clearable
        placeholder="请选择分类">
      </el-tree-select>
    </el-form-item>
  </el-form>
</template>

<script>
export default {
  data() {
    return {
      form: {
        category: []
      },
      treeData: [
        {
          id: 1,
          name: '分类1',
          children: [
            {
              id: 11,
              name: '子分类1-1'
            },
            {
              id: 12,
              name: '子分类1-2'
            }
          ]
        },
        {
          id: 2,
          name: '分类2',
          children: [
            {
              id: 21,
              name: '子分类2-1'
            },
            {
              id: 22,
              name: '子分类2-2'
            }
          ]
        }
      ]
    }
  }
}
</script>