效果： 代码： 插件transfer.js源码： 来源：https://github.com/9499574/layui-tran ...

前言，当我们使用穿梭框时，正好需要做大数据量的选择，加载上千条数据穿梭框的识别速度就开始特别缓慢，所以只好考虑做分页。 做分页的过程中会遇到两个问题： 1、源数据切换时，右侧目标数据也会跟着切换，导致无法显示翻页前选中的数据 2、搜索功能是两侧通用，导致无法对总的源数据进行过滤 ...

<template> <el-card style="margin: 10px"> <div class="detai ...

element ui 官网里介绍了穿梭框（Transfer），但在实际使用过程中，会出现一些问题： 1.穿梭框里能放置的内容太少，不能满足复杂的业务需求。 2.当选项过多时，穿梭框很难实现分页，左右两个框的分页是联动的，左边翻页了右边也会跟着翻页。若要取消这种关联关系，可参考这篇 ...

原始的数据 ...

功能介绍： 基于element-ui和vuejs的表格式穿梭框组件——可双击穿梭，批量选择穿梭；清空选中项。 组件代码-具体代码在git仓库-https://github.com/layaling/formLibs.git中，可直接拉取引入使用 全局注册穿梭框组件 ...

          扫码体验  ...

需求：使用element-ui的穿梭框，发送ajax向服务器查询数据，我这里以查询姓名为例子 由于穿梭框自己的那个搜索框并不满足我们要达到的条件，所以我自己写了一个输入框input去覆盖在原来的搜索框上面，当每次用户输入的时候，就拿到用户输入的内容传递给后端去查询，最后在显示出来 ...