iview TreeSelect 搜索

iView是一个流行的前端组件库，其中的TreeSelect组件是一个用于选择树形结构数据的下拉框。它支持搜索功能，用户可以在输入框中输入关键字，该组件会实时过滤树节点，只显示包含指定关键词的节点，提高了数据查找的便捷性。

在iview的TreeSelect中，搜索功能通常是通过`filterOption`属性来配置的，这个属性接受一个函数，可以根据传入的值和当前选项的内容进行匹配。基本的用法如下：

<template>
  <TreeSelect
    v-model="selectedValue"
    :filter-option="searchOption"
  ></TreeSelect>
</template>

<script>
export default {
  data() {
    return {
      selectedValue: [],
      treeData: [], // 树状数据源
    };
  },
  methods: {
    searchOption(value, option) {
      // 这里可以根据value和option.label进行模糊搜索
      return option.label.toLowerCase().indexOf(value.toLowerCase()) > -1;
    },
  },
};
</script>

在这里，`searchOption`方法会对每个选项的标签(label)进行全文本搜索，如果找到匹配项则返回true，否则返回false，这样iview就会只展示匹配的结果。