企业🤖AI智能体构建引擎,智能编排和调试,一键部署,支持私有化部署方案 广告
将数据以树形方式展现。该组件支持v-model来设置获取值(选中项)。 ## 属性 | 参数 | 说明 | 类型 | 可选值 | 默认值 | --- | --- | --- | --- | --- | initData | 初始化数据 | array | 默认参数:id、label、children | | api | 节点数据请求api | string | | | api-method | 节点数据请求方法 | string | | post | api-param | 节点数据请求参数 | Object | | | success-tip | 节点数据请求成功并返回成功消息后的请求类型 | string | | none | fail-tip | 数据请求成功但返回失败消息后的请求类型,该请求包括:check、drag、add、edit、delete | string | | alert | check-api | 选中节点api | string | | | check-success-tip | 选取节点请求成功并返回成功消息后的请求类型 | string | | message | check-param | 选取节点请求参数 | Object | | | check-method | 选取节点请求方法 | String | | post | drag-api | 拖动成功之后请求的api。 | string | | | drag-success-tip | 拖动成功之后请求成功并返回成功消息后的请求类型 | string | | message | add-api | 添加节点请求api | string | | | api-param | 添加节点请求额外参数 | Object | | | add-success-tip | 添加节点请求成功并返回成功消息后的请求类型 | string | | message | edit-api | 修改节点请求api | string | | | edit-param | 修改节点请求额外参数 | Object | | | edit-success-tip | 修改节点请求成功并返回成功消息后的请求类型 | string | | message | delete-api | 删除节点请求api | string | | | delete-method | 删除节点请求方法 | string | | delete | delete-param | 删除节点请求额外参数 | Object | | | delete-success-tip | 删除节点请求成功并返回成功消息后的请求类型 | string | | message | data | 当前数据,支持sync修饰 | array | | | menu-trigger | 右侧操作按钮的触发条件 | string | | click | filterNodeMethod | 搜索节点方法 | Function | | 默认根据数据中的label属性匹配。 | with-search | 是否使用查找框 | boolean | | false | with-tool-bar | 是否带有按钮栏 | boolean | | true | with-menu | 是否带有右侧的菜单栏 | boolean | | true | checked/v-model | 设置或获取当前tree选择节点的id | Array | | | root-id | 开始加载数据的根目录id | Number/string | | 0 | 其他 | 支持所有`el-tree`属性。 ## 事件 | 事件 | 说明 | 参数 | --- | --- | --- | check | 选中tree的选择框事件 | 解构两个参数:checkedItem:选中的数据项。checkedObj:选中的node对象。 | refreshed | 树的数据重新请求事件 | 解构两个参数: data:当前树的数据;checked:当前选中值。 | node-delete | 节点被删除事件 | 解构两个参数:data:当前树的数据;node:被删除的树节点; | node-drop | 节点拖拽排序完成事件 | 解构五个参数:data:节点数据;sender:拖动的节点;afterNode:此节点的前一个节点;position:节点位置; event:原事件; | 其他 | 支持所有`el-tree`事件。 ## 插槽 | 插槽名 | 说明 | --- | --- | tree-top | 操作栏内容,可插入按钮,文本等。