# DgTreeWidthMenu 树形控件+菜单

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

## 例子

::: demo 组件 DgTreeWidthMenu 使用示例

```vue
<template>
  <dg-tree-with-menu
    ref="apiTopicTree"
    apiCode="dcTopicTree"
    root="API_ASSETS"
    nodeKey="TOPIC_CODE"
    pnodeKey="PARENT_CODE"
    label="TOPIC_NAME"
    :showCheckbox="false"
    @click="changeTopic"
    :expandOnClickNode="false"
  >
  </dg-tree-with-menu>
</template>
<script>
export default {
  name: 'SelectDemo',
  data() {
    return {}
  },
  methods: {
    changeTopic(val) {
      console.log(val)
    },
  },
}
</script>
```

:::
`

## API

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

## 更新日志

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

- 初始版本

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

- 完善文档
