Vue 使用树形穿梭框

Vue 项目里面需要一个树形的穿梭框，但是 elementUI 和 ant-d 组件库的穿梭框组件效果都不是很好，因为源列表和目标列表都是需要树形结构的，所以说这个就很难搞，但是也不怕，因为大佬太多了，有插件可以提供给我们使用，接下来介绍一下这个插件。

树形穿梭框插件

el-tree-transfer

这个插件很好的实现了vue项目树形穿梭框的功能。

安装

https://www.npmjs.com/package/el-tree-transfer

上面的连接是npm插件地址，安装步骤也很简单。

npm install el-tree-transfer --save
或
npm i el-tree-transfer -S

然后就在需要使用穿梭框的地方像普通组件一样使用就可以了。

没有什么难的，所以说就直接粘贴代码了，样式可以根据自己的需要稍微调整一下就可以了。完成！