当前位置: 首页 > Web前端 > HTML

vue3Element-UI包实现了TreeSelect,支持搜索功能

时间:2023-03-28 16:47:40 HTML

.suffix{cursor:pointer;显示:弹性;宽度:100%;高度:100%;align-items:center;}前几天实现了一个树结构下拉组件,最近才允许支持下拉搜索功能。找了一圈也没找到合适的,今天只好自己写了,可以用,至少支持搜索功能,但还是需要配置一些参数

.suffix{cursor:pointer;显示:弹性;宽度:100%;高度:100%;align-items:center;}比上一个用起来麻烦一点,相对好用看看,在父组件中我们要传入修改对应的值,options对应树结构的数组,但是必须有一个值,或者读者可以自己稍微改变一下,发出参数el-popover的宽高没有设置,不适合数据太多。需要的话加个div限制一下,或者需要的人多我再优化一下。.constselectData=ref("");constoptions=ref([{label:"Option1",value:"1",children:[{label:"Option1-1",value:"1-1"}],},{label:"选项2",值:"2"},]);函数handleSelect(node){console.log(node);}如果有什么需要优化的,请提出来,继续改进。