# 树选择
基于 <el-select> 和 <el-tree>,实现单选和多选。

# 引入:
@/component/TreeSelect
# 使用:
<tree-select v-model="value" :data="data"/>
# TreeSelect Attributes:
| 参数 | 说明 | 类型 | 默认 |
|---|---|---|---|
| value / v-model | 绑定值,多选时需要是array类型 | - | - |
| data | 等同于el-tree的data | - | - |
| multiple | 是否多选 | boolean | - |
| disabled | 等同于el-select | boolean | - |
| size | 等同于el-select | string | - |
| clearable | 等同于el-select | boolean | true |
| placeholder | 等同于el-select | string | - |
| filterable | 是否显示用于筛选的输入框 | boolean | - |
| filter-method | 等同于el-tree的filter-node-method | function | - |
| node-key | 等同于el-tree | string | 'id' |
| props | 等同于el-tree | object | - |
| accordion | 等同于el-tree | boolean | true |
| popperAppendToBody | 等同于el-select | boolean | - |
| automaticDropdown | 等同于el-select | boolean | - |
# TreeSelect Events:
| 事件名称 | 说明 |
|---|---|
| input | 等同于el-select |
| change | 等同于el-select |
TIP
使用多选时,如果value数组中有父节点但无子节点,会出现看上去父子全选中,但实际只选了父节点的情况
← Upload File 指令 →