<el-tree    ref="tree"  @node-click="handleNodeClick"></el-tree>

异步获取数据，并用append或updateKeyChildren增加子节点

updateKeyChildren

通过 keys 设置节点子元素，使用此方法必须设置 node-key 属性 (key, data) 接收两个参数，1. 节点 key 2. 节点数据的数组

假如你的节点数据没有一个唯一的key(一般是id)，则不能用，但是这个方法第二个参数是数组，比较方便

this.$refs['tree'].append(item,node);

append 为 Tree 中的一个节点追加一个子节点 (data, parentNode) 接收两个参数，1. 要追加的子节点的 data 2. 子节点的 parent 的 data、key 或者 node

这个data就只是一个子节点，假如你有多个，则需要循环添加

展开主要看你所调用的方法有什么默认的参数

node-click 节点被点击时的回调 共三个参数，依次为：传递给 data 属性的数组中该节点所对应的对象、节点对应的 Node、节点组件本身。

在node(对应的节点数据）中expanded决定节点是否是展开的，node.expanded = !node.expanded; 

可以看官方文档对Attributes的说明或是在console.log里面输出看看

 

GitHub 加速计划 / eleme / element
14
1
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支：2 个月前 )
c345bb45 1 年前
a07f3a59 * Update transition.md * Update table.md * Update transition.md * Update table.md * Update transition.md * Update table.md * Update table.md * Update transition.md * Update popover.md 1 年前
Logo
GitCode 开源社区

新一代开源开发者平台 GitCode，通过集成代码托管服务、代码仓库以及可信赖的开源组件库，让开发者可以在云端进行代码托管和开发。旨在为数千万中国开发者提供一个无缝且高效的云端环境，以支持学习、使用和贡献开源项目。

更多推荐

cover

GitCode 9 月：小程序新增三大模型专属频道；百大开源项目结果公布；GitCodeAI 社区战略升级全景发布会圆满召开

avatar GitCode 开源社区
cover

混元世界模型 1.1 在 GitCode 开源！秒级生成 3D 世界，开发者速来体验！

avatar GitCode 开源社区
cover

双星开源：Astron-Agent 与 Astron-RPA 在 GitCode 上线，加速 AI 智能体时代！

avatar GitCode 开源社区