树形结构,支持多选,默认都收起,为保证数据量大的时候页面卡顿问题,采用 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 ```