# DgTreeSelect 树形控件+选择器

> 支持树形结构的下拉框组件。

## 例子

::: demo 组件 DgTreeSelect 使用示例

```vue
<template>
  <dg-tree-select
    :value="value"
    :options="options"
    :multipleFlag="false"
    :props="defaultProps"
    :accordion="true"
    @getValue="treeSelect"
  ></dg-tree-select>
</template>
<script>
export default {
  name: 'SelectDemo',
  data() {
    return {
      options: [
        {
          id: 1,
          label: '一级 1',
          children: [
            {
              id: 2,
              label: '二级 1-1',
              children: [
                {
                  id: 3,
                  label: '三级 1-1-1',
                },
              ],
            },
          ],
        },
        {
          id: 4,
          label: '一级 2',
          children: [
            {
              id: 5,
              label: '二级 2-1',
              children: [
                {
                  id: 6,
                  label: '三级 2-1-1',
                },
              ],
            },
            {
              id: 7,
              label: '二级 2-2',
              children: [
                {
                  id: 8,
                  label: '三级 2-2-1',
                },
              ],
            },
          ],
        },
        {
          id: 9,
          label: '一级 3',
          children: [
            {
              id: 10,
              label: '二级 3-1',
              children: [
                {
                  id: 11,
                  label: '三级 3-1-1',
                },
              ],
            },
            {
              id: 12,
              label: '二级 3-2',
              children: [
                {
                  id: 13,
                  label: '三级 3-2-1',
                },
              ],
            },
          ],
        },
      ],
      defaultProps: {
        value: 'id', // ID字段名
        label: 'label', // 显示名称
        children: 'children', // 子级字段名
      },
      value: '',
    }
  },
  methods: {
    treeSelect(valueId, valueTitle) {
      console.log('valueId--', valueId)
      console.log('valueTitle--', valueTitle)
    },
  },
}
</script>
```

:::
`

## API

| 属性    | 说明                          |  类型  | 默认值 |
| ------- | ----------------------------- | :----: | :----: |
| default | ID 字段名/显示名称/子级字段名 | Object |        |

## 更新日志

#### v1.0.0（2019-09-17）

- 初始版本

#### v1.0.9（2020-03-07）

- 完善文档