咨询电话:
15628812133
29
2023/07

elementui 基于el-tree树形选择器实现人员选择功能

发布时间:2023-07-29 19:19:40
发布者:神棍子
浏览量:
0

之前已经基于el-tree实现了一个只有最后一级子节点可选择的层级选择器。点击此链接>>查看。

现在希望实现选中之后,右边能同步展示已选择的内容。如图:


实现效果图

后台数据如图所示,将获取到的数据绑定到el-tree上,


json数据源

具体实现方法

现在checkList数组中存的是每一条数据的label值。想实现右边同步展示已选择的内容,只需要为其绑定checkList数组即可,如图所示:


数据绑定


Ps:右边使用的是vuedragger拖拽,有关拖拽的内容可以点击此链接>>查看。

这样我们想要的功能就实现了。

wcj1.gif (1211×758)功能实现效果展示


关键词:
返回列表