el-tree-select多选

`el-tree-select` 是 Element UI 中的一个组件，它是一个树形选择器，支持多选功能。这个组件通常用于展示层次结构的数据，并允许用户通过点击节点进行多选操作。它的核心功能包括：

1. **数据绑定**：可以根据给定的数据源动态渲染树结构，每个节点可以包含标签、子节点以及对应的值。

2. **多选模式**：用户可以选择多个层级的节点，这些节点会被标记为已选状态，并可以获取到它们的值。

3. **交互事件**：提供了一系列事件供开发者处理用户的选中、取消选中、展开收缩等操作，如 `select`、`check`、`uncheck` 等。

4. **选项配置**：可以自定义每个节点的外观样式，比如图标、颜色等，并设置默认选中项。

5. **搜索功能**：支持输入框快速查找匹配的节点，提高了用户体验。

使用`el-tree-select`时，需要先安装Element UI库，然后在模板中引用并配置该组件。下面是一个基本的使用示例：

<template>
  <el-tree
    :data="treeData"
    :props="defaultProps"
    :check-strictly="true"
    @check="handleCheck"
    @node-click="handleNodeClick"
  ></el-tree>
</template>

<script>
export default {
  data() {
    return {
      treeData,
      defaultProps: {
        children: 'children',
        label: 'name',
      },
    };
  },
  methods: {
    handleCheck(node) {
      console.log('Node', node.data.name, 'is checked:', node.checked);
    },
    handleNodeClick(node) {
      if (node.indeterminate) {
        this.$refs.tree.setCheckedKeys([]);
      } else {
        this.$refs.tree.setCheckedKeys([node.key]);
      }
    },
  },
};
</script>