elementui el-tree组件 怎么通过点击同层级按钮的形式实现上下移动

Question

在用el-tree组件对同层节点进行操作的时候，有一个功能是实现上移、下移的功能。

请问这样的功能该怎样去实现(不考虑用el-tree自带的拖拽功能)

Answer 1

结合el-tree组件里面的 insertBefore方法( 为 Tree 的一个节点的前面增加一个节点 )、insertAfter方法( 为 Tree 的一个节点的后面增加一个节点 )、remove方法( 删除 Tree 中的一个节点 )，insertBefore方法与insertAfter方法只能实现新增的功能，并不能改变原来的节点，所以需要结合删除去实现移动功能。
————————————————
原文链接： el-tree树形实现节点上下移动

已参与了 SegmentFault 思否「问答」打卡，欢迎正在阅读的你也加入。

Answer 2

el-tree基于vue，是数据驱动，改变数据的顺序就好。点击事件获取当前对象及所在数组，调整当前对象在数组中的位置即可。