浅谈关于自定义穿梭框,实现el-Transfer的简单功能
最近在开发一个基于vue+element的项目,学到了很多前端的知识,也遇到了很多坑,我总结了一下自己实现el-transfer功能的过程。
需要构造两个el-table表格,左边的是原始数据,右边的是选中的数据,中间加两个按钮,并且左边的表格支持一个查询功能,这就是一个简单的穿梭框。下面讲解具体实现的逻辑。
首先是最外层是一个dialog框,然后里边是上下的两个div层,上层div是查询条件,下层div里又分为左中右三个div,分别是原始数据,按钮区,已选数据。
这一层最重要的是实现单选和全选的功能,
原创
2020-08-17 11:23:04 ·
2909 阅读 ·
0 评论