文章：【Vue入门实践】可编辑el-tree样式功能修改：修改icon、可编辑input、修改下拉展开icon位置 对应源码文件

一, 当新增节点后刷新当前节点 node.loaded = false; node.expand(); //新建子节点是刷新一次本节点的展开请求，而重命名和删除则需要刷新父级节点的的展开事件， 二, 删除节点 node.parent.loaded = false node.parent.expand() 完毕~ 补充知识：element-ui组件el-tree添加按钮管用，删除按钮，数据会变，但是页面不更新 可能是element-ui 的版本太低了 我用的element-ui 2.4.6 后来发现2.4.11的是管用的 所有更新element-ui版本 cnpm i eleme

主要介绍了element el-tree组件的动态加载、新增、更新节点的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

主要介绍了Element-ui树形控件el-tree自定义增删改和局部刷新及懒加载操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

需求： vue-cli项目树形控件：一级节点为本地节点，默认展开一级节点，增删改后局部刷新数据。 增加节点，点击确定后局部刷新，渲染新数据。 源码 element组件样式 <el-tree class="treeitems" :data="data" node-key="id" :props="defaultProps" :load="loadNode" lazy :default-expanded-keys="[0]" @node-click="handle

一个基于vue和element-ui的树形穿梭框及邮件通讯录，使用前请确认已经引入element-ui！ 此组件功能类似于element-ui的transfer组件，但是里面的数据是树形结构！ 实际上，el-tree-transfer 依赖的 element-ui 组件分别是Checkbox 多选框，Button 按钮，和最主要的Tree 树形控件写成！并非是在 element-ui 的穿梭框组件上的扩展，而仅仅是参照了其外观样式和功能。

在element-ui中的el-tree上实现单独拉出一棵树来显示树的选中节点，同时可以在该树上删除已选中节点