vue3Element-UI封装实现TreeSelect树形下拉选择组件

.el-scrollbar.el-scrollbar__view.el-select-dropdown__item{height:auto;最大高度：274px；填充：0；溢出：隐藏；overflow-y:auto;}.el-select-dropdown__item.selected{font-weight:normal;}ulli>>>.el-tree.el-tree-node__content{height:auto;填充：020px;}.el-tree-node__label{字体粗细：正常;}.el-tree>>>.is-current.el-tree-node__label{颜色：#409eff;font-weight:700;}.el-tree>>>.is-current.el-tree-node__children.el-tree-node__label{颜色：#606266;font-weight:normal;}.selectInput{padding:05px;box-sizing:border-box;最近在工作中使用了一个树形结构的下拉选择器。我也参考了别人的文档做了一个简单的封装，还是比较简单易用的。<模板>.el-scrollbar.el-scrollbar__view.el-select-dropdown__item{height:auto;最大高度：274px；填充：0；溢出：隐藏；overflow-y:auto;}.el-select-dropdown__item.selected{font-weight:normal;}ulli>>>.el-tree.el-tree-node__content{height:auto;填充：020px;}.el-tree-node__label{字体粗细：正常;}.el-tree>>>.is-current.el-tree-node__label{颜色：#409eff;font-weight:700;}.el-tree>>>.is-current.el-tree-node__children.el-tree-node__label{颜色：#606266;font-weight:normal;}.selectInput{padding:05px;box-sizing:border-box;使用：<脚本>导入selectTreeVuefrom"./select-tree.vue";import{defineComponent,ref}from"vue";exportdefaultdefineComponent({name:"HelloWorld",components:{selectTreeVue},setup(){constvalue=ref("");functionhandleSelect(data){console.log(data);}return{handleSelect,value,};},});比较简单，但是不能多选，所以被屏蔽了在组件内部multiple防止在外部使用该属性