1、需求如图待选人员太多,导致穿梭框dom渲染慢,弹出框卡
解决思路:
a(放弃)、使用分页,这样数据就会变少,渲染dom就不会那么多,不能使用,原因是如果待选分页,选择了第一页的2条数据,点击分页时,已选框中的数据会被清空,原因是已选选中的key值,必须是待选框中的值,也就就是我们el-transfer绑定的datas值
b、就是区分待选和已选,设置待选框中的数据不显示,只有搜索的时候显示,这样会用到el-transfer中的filter-method方法,
,这个方法里面没有区分左右两边的属性方法,这时就需要改源码
2、新建一个文件夹,找到node_modules\element-ui\packages\transfer\src文件夹,复制src下面的main.vue和transfer-panel.vue到新建的文件夹下面,