树形结构,支持多选,默认都收起,为保证数据量大的时候页面卡顿问题,采用 v-if 渲染子数据,如果数据巨大,又默认全展开,可能页面会有性能问题,建议默认关闭或展开少数层级。
## props
| prop | 类型 | 默认 | 说明 |
| ------------------- | -------------- | --------- | -------------------------------------- |
| v-model | Array | [] | 默认值 |
| treeData | Array | [] | 树结构`1.0.2` |
| text | string | text | 展示标题字段 |
| nodeKey | string | value | 目标字段,即多选后返回的数组值对应的键 |
| children | string | childrens | 子集列表键 |
| multiple | Boolean | false | 是否开启多选`1.0.2` |
| textClickToggle | Boolean | false | 标题点击触发子集列表显隐 |
| defaultShowChildren | Boolean/Number | false | 默认展开所有,或展开 Number 级 |
| accordion | Boolean | false | 手风琴模式,每次只展开一项 |
## emits
| emit | 说明 |
| --------- | ---------------------------------------- |
| nodeClick | 点击标题时触发事件,回调参数为当前项数据 |
## slot
| slot | 说明 |
| ------- | -------------------------------------------------------------- |
| default | 节点文案区插槽,不包含左侧图标和多选框,作用域参数为:{ node } |
## 示例
```html
{{ node.name }}
```