el-select加el-tree

el-select和el-tree是Element UI中的两个组件，可以结合使用实现下拉选择树形结构。在上述代码中，el-select-tree组件被引入到index.vue文件中，用于展示el-select和el-tree的组合效果。

el-select-tree组件的options属性定义了树形结构的数据，其中每个节点包含id、name和children属性。通过el-select的v-model绑定value值，可以获取当前选择的结果值。

el-select的el-option标签中通过设置class="setstyle"和disabled属性，使选项无法选择。el-tree组件的data属性绑定了list数据，props属性定义了树形结构的默认属性。expand-on-click-node属性设置为false，表示点击节点时不展开节点。

通过check-change事件监听节点的选择变化，可以通过handleNodeClick方法获取选中的节点值。

总结起来，通过el-select和el-tree的组合使用，可以实现el-select下拉搭配树形选择的效果。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *3* [el-select和el-tree结合使用-树形结构多选框](https://blog.csdn.net/s_9527_s/article/details/125320894)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *2* [el-select结合el-tree实现树形多选](https://blog.csdn.net/keke11211/article/details/120313802)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]