element-plus 使用 el-tree-select

element-plus 是一个基于 Vue.js 的 UI 组件库，el-tree-select 是其中的一个组件，用于实现树形结构的下拉选择。

el-tree-select 组件是在 el-select 组件的基础上进行扩展，使其支持树形结构的数据。使用 el-tree-select，我们可以在下拉列表中展示树状数据，并支持选择树节点的功能。

el-tree-select 的使用方式大致分为以下几步：
1. 引入 element-plus 库，确保已安装并正确引入相关 CSS 和 JS 文件。
2. 在组件中使用 el-tree-select 标签，通过 v-model 绑定选中的节点，将选中的节点值赋给 data 中的一个变量。
3. 设置 el-tree-select 的配置项，包括数据源、显示字段、样式等。
4. 响应选择事件，在 el-tree-select 标签上绑定 change 事件，根据选中的节点进行相应操作。

配置项中常用的属性有：
- data：树形数据源，可以是一个数组或者通过异步加载数据。
- label-prop：用于显示节点文本的属性名。
- value-prop：用于取值的属性名。
- default-expand-all：是否默认展开全部节点。
- filterable：是否支持输入框搜索。

el-tree-select 还提供了其他的配置项和方法，可以根据具体需求进行调整和使用。

总之，element-plus 的 el-tree-select 组件提供了一种简单易用的方式来展示和选择树形数据，在Vue.js项目中非常实用。通过合理配置，我们可以灵活定制树形下拉选择框的功能和样式，使其符合项目的需求。