element plus 穿梭框 中的 搜索框 如何获取当前输入框输入的内容

在 Element Plus 的穿梭框组件中，可以通过 `filter-method` 属性来实现搜索过滤功能。当用户在搜索框中输入内容时，会触发 `filter-method` 方法，并将搜索框中的内容作为参数传入该方法。因此，您可以通过在 `filter-method` 方法中获取该参数来获取当前输入框输入的内容。

下面是一个示例代码：

<template>
  <el-transfer
    v-model="selectedItems"
    :data="dataList"
    :filterable="true"
    :filter-method="handleFilter"
  >
  </el-transfer>
</template>

<script>
export default {
  data() {
    return {
      selectedItems: [],
      dataList: [
        { key: 1, label: 'Item 1' },
        { key: 2, label: 'Item 2' },
        { key: 3, label: 'Item 3' },
        { key: 4, label: 'Item 4' },
        { key: 5, label: 'Item 5' }
      ]
    }
  },
  methods: {
    handleFilter(query) {
      console.log('当前输入框输入的内容:', query)
      // 其他操作
    }
  }
}
</script>

在上面的代码中，我们在 `el-transfer` 组件中设置了 `filterable` 属性为 `true`，表示启用搜索框。然后，我们在 `filter-method` 方法中处理搜索逻辑，并将搜索框中的内容作为参数 `query` 传入该方法。在 `handleFilter` 方法中，我们可以通过 `query` 参数获取当前输入框输入的内容，并进行其他操作。

希望这个示例可以帮助您解决问题。