Skip to content

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:选中的节点信息

注:返回的数据并非原始对象,而是提取的关键信息构成。

基于 VitePress 构建