Appearance
ETree(树形控件)
el-tree 的简单封装,用于树形控件相关的画布展示与交互配置。
属性配置

| 配置 | 说明 |
|---|---|
| 空文本 | 内容为空时展示的文本 |
| 唯一标识 | node-key 参数,默认空 |
| 过滤树 | 默认不开启,开启后顶部显示过滤输入框 |
| 节点可选 | show-checkbox 参数,默认不开启 |
| 父子关联 | check-strictly 参数,默认不开启,仅在节点可选开启时生效 |
| 点击节点选中 | check-on-click-node 参数,默认不开启,仅在节点可选开启时生效 |
| 点击叶节点选中 | check-on-click-leaf 参数,默认不开启,仅在节点可选开启时生效 |
| 高亮选中 | highlight-current 参数,默认不开启 |
| 展开所有 | default-expand-all 参数,默认不开启 |
| 点击展开 | expand-on-click-node 参数,默认开启 |
| 自动展开父节点 | auto-expand-parent 参数,默认开启 |
| 同时只展开一个同级节点 | accordion 参数,默认不开启 |
| 水平缩进 | indent 参数,默认值 18 |
数据配置

| 配置 | 说明 |
|---|---|
| 子节点属性名 | 默认为 children |
| 标签属性名 | 默认为 label |
| 静态数据源标记 | 默认开启 |
| 数据 | 可配置 JSON 格式,也可通过选项编辑进行配置 |
| 取值缓存 | 从数据缓存中获取,需要是数组对象或能转换为数组对象的字符串 |
值改变事件
复选框模式
当节点勾选或取消勾选时触发值改变事件,可从组件局域参数中获取:
checkedData:选中的关键数据checkedInfo:选中信息
注:返回的数据并非原始对象,而是提取的关键信息构成。
非复选框模式
当节点被选中时触发值改变事件,可从组件局域参数中获取:
selectedData:选中的关键数据selectedNode:选中的节点信息
注:返回的数据并非原始对象,而是提取的关键信息构成。