treeselect的筛选

treeselect组件提供了多种筛选选项的方法。下面是一些常用的筛选选项的示例：

1. 使用filterable属性进行文本筛选：

<template>
  <treeselect
    v-model="selectedNode"
    :options="options"
    :filterable="true"
  ></treeselect>
</template>

设置filterable属性为true，可以在treeselect组件上显示一个文本输入框，用于输入关键字进行筛选。根据输入的关键字，treeselect会自动筛选匹配的树节点。

2. 使用filterTreeNode方法进行自定义筛选：

<template>
  <treeselect
    v-model="selectedNode"
    :options="options"
    :filter-tree-node="filterTreeNode"
  ></treeselect>
</template>

<script>
export default {
  data() {
    return {
      selectedNode: [],
      options: [
        { id: 1, label: 'Node 1' },
        { id: 2, label: 'Node 2' },
        { id: 3, label: 'Node 3' },
      ],
    };
  },
  methods: {
    filterTreeNode(node, keyword) {
      // 自定义筛选逻辑
      return node.label.includes(keyword);
    },
  },
};
</script>

通过设置filterTreeNode属性，并定义一个方法