el-transfer懒加载

el-transfer的懒加载是指在处理大量数据时，只加载当前可见区域的数据，而不是一次性加载所有数据。这样可以提高页面的加载速度和性能。

要实现el-transfer的懒加载，可以使用el-transfer组件提供的`filter-method`属性。通过设置`filter-method`属性为一个自定义的方法，可以对数据进行筛选和分页处理，只渲染当前可见区域的数据，而不是全部数据。

下面是一个示例的实现方法：
. 首先，需要在data中定义一个变量来存储当前可见区域的数据。
2. 在`filter-method`方法中，根据`query`参数进行数据的筛选和分页处理，并更新当前可见区域的数据。
3. 在el-transfer组件中，将`filter-method`属性绑定到定义的方法上。

代码示例：

<el-transfer
  :data="visibleData"
  :filter-method="filterMethod"
  filter-placeholder="请输入搜索内容"
></el-transfer>

data() {
  return {
    visibleData: [], // 存储当前可见区域的数据
    allData: [/* 所有数据的列表 */],
  };
},
methods: {
  filterMethod(query, option) {
    // 根据query参数进行数据筛选和分页处理
    // 更新visibleData变量
  },
},