# TreeSelect 树选择器

## 何时使用
这里需要一段文本来描述此组件何时使用


### 基本使用
默认为单选

@[demo](demo/basic.vue)

### 多选
这是需要描述文本

@[demo](demo/multiple.vue)


### 组织架构
这是需要描述文本

@[demo](demo/department-tree.vue)



### props
| 参数 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- |
| clearable | 显示清除按钮 | boolean | false |
| disabled | 是否禁用	 | boolean | false |
| multiple | 支持多选（当设置 treeCheckable 时自动变为true）	 | boolean | false |
| placeholder | 选择框默认文字	 | string | - |
| show-checked-strategy | 定义选中项回填的方式。TreeSelect.SHOW_ALL: 显示所有选中节点(包括父节点). TreeSelect.SHOW_PARENT: 只显示父节点(当父节点下所有子节点都选中时). 默认只显示子节点.	 | enum{TreeSelect.SHOW_ALL, TreeSelect.SHOW_PARENT, TreeSelect.SHOW_CHILD } | TreeSelect.SHOW_CHILD |
| filterable | 在下拉中显示搜索框(仅在单选模式下生效) | boolean | false |
| tree-checkable | 显示 checkbox | boolean | false |
| tree-check-strictly | checkable 状态下节点选择完全受控（父子节点选中状态不再关联），会使得 labelInValue 强制为 true | boolean | false |
| treeData | treeNodes 数据，如果设置则不需要手动构造 TreeNode 节点（value 在整个树范围内唯一）| array<{value, label, children, disabled, disableCheckbox, selectable}> | [] |
| treeDefaultExpandAll | 默认展开所有树节点		 | boolean | false |
| treeDefaultExpandedKeys | 默认展开的树节点		 | array	 | - |
| treeExpandOnClickNode | 是否在点击节点时展开或收缩节点		 | boolean	 | false |
| keymap | 允许自定义字段 | Object | { label, value, icon, disabled, children } |
| maxCount | 多选模式下限制数量 | Number | - | - |
| max-tag-width | 多选模式tag最大宽度 | String | - | - |
| max-tag-text-length | 多选模式下Tag文本的长度 | Number | - | - |
| filter-selector-value | 允许自定义过滤显示Selector的值 | Function | - | - |
| show-all-levels | 是否显示选中值的完整路径	 | boolean | false | - |
| separator | 选项分隔符 | string | `>` | - |
| update-on-popper-resize | 下拉选项popper是否自动更新位置	 | boolean | false | - |


### slots
| name | 说明 | slot-scope |
| --- | --- | --- |
| name1 | 说明信息 | - |


### events
| 事件名称 | 说明 | 回调参数 |
| --- | --- | --- |
| change | 选中项改变的回调 | id: 选中项的key, option: 选中项的数据 |
| clear | 清空时的回掉 | event |


### methods
| 方法名称 | 说明 | 回调参数 |
| --- | --- | --- |
| name1 | 说明信息 | - |