浅谈关于自定义穿梭框，实现el-Transfer的简单功能

最近在开发一个基于vue+element的项目，学到了很多前端的知识，也遇到了很多坑，我总结了一下自己实现el-transfer功能的过程。

需要构造两个el-table表格，左边的是原始数据，右边的是选中的数据，中间加两个按钮，并且左边的表格支持一个查询功能，这就是一个简单的穿梭框。下面讲解具体实现的逻辑。
首先是最外层是一个dialog框，然后里边是上下的两个div层，上层div是查询条件，下层div里又分为左中右三个div，分别是原始数据，按钮区，已选数据。

这一层最重要的是实现单选和全选的功能，


选中一条记录设置一个状态标志。
下面简单讲解一下查询功能的实现。