vue穿梭框实现上下移动

本文实例为大家分享了vue穿梭框实现上下移动的具体代码，供大家参考，具体内容如下

使用elementui的树形组件 tree组件

功能需求：

1、左侧的子节点移动到右侧的表格中
2、右侧选中的内容移动到左侧树中，单一移动和全部移动
3、点击右侧节点实现上下移动

首先会遇到的问题可能是如何实现左侧只让子节点显示checkbox,我这边是根据后端返回了一个参数来判断是否是父节点（其实只要后端给父节点加一个nocheck=true就可以）

左侧树结构，中间的按钮和右侧表格（左侧树结构和表格是封装好的，直接引入）

用到的参数

左侧树初始化和右侧表格复选框选择事件

上移

下移

表格移动到树

树移到表格

封装的过滤字段

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。