el-transfer多个过滤框

el-transfer组件是Ant Design Vue库中的一个高级选择器组件，它允许用户从源列表中选择目标列表中的项目。如果需要设置多个过滤框，你可以通过`filterOptions`属性来实现。这个属性是一个函数，当输入值改变时会被调用，返回一个新的选项数组，筛选出匹配输入的项。

配置示例：

<el-transfer
  :listA="sourceList"
  :listB="targetList"
  filter-method="filterItems"
  placeholder="请输入搜索内容"
>
</el-transfer>

<script>
export default {
  data() {
    return {
      sourceList: [],
      targetList: [],
    };
  },
  methods: {
    filterItems(value) {
      // 这里可以根据value过滤源列表和目标列表
      const filteredSource = this.sourceList.filter(item => item.name.includes(value));
      const filteredTarget = this.targetList.filter(item => item.name.includes(value));
      return { source: filteredSource, target: filteredTarget };
    },
  },
};
</script>

在这个例子中，每当用户在过滤框中输入文字，`filter-items`方法会被调用，对`sourceList`和`targetList`分别进行过滤，并返回新的筛选后的列表。