element做树形下拉_基于Element的组件改造的树形选择器(树形下拉框)

前言：由于做项目需要一个树形选择器，项目用的也是element-ui框架，然而它自带的选择器组件没有树形选项，又不想引入其他的框架组件，于是自己利用el-select和el-tree改造了一个，感觉还挺好用的，就封装成了一个组件，如下图：

element-ui的el-select组件的选项只能是列表形式：

改造后的树形选择器：

简介：此树形选择器组件是基于elment-ui框架的el-select和el-tree组件的基础上改造的，其解决了原el-select组件的选项列表不能是树形的问题，集合了前两个组件的属性和方法封装成了一个组件，引入即可使用。其实现了树形列表、默认展开、默认选中、清空选值等功能，基本上可以满足大部分选择器的使用需求。

主要代码

组合el-select和el-tree组件：

ref="selectTree"

:accordion="accordion"

:data="options"

:props="props"

:node-key="props.value"

:default-expanded-keys="defaultExpandedKey"

@node-click="handleNodeClick">

封装组件：<