效果演示

注意：视频中的数据是模拟数据，请自行定义数据才可使用，数据格式末尾有例子

uniapp 改写uni-data-picker

uni-data-picker.vue更改

uni-data-pickerview.vue更改

调用页面

showSearch 是否显示搜索框和多选操作 =》 true/false

dataTree 格式例子

activeDataTree:"1-1",dataTree: [{text: "一年级",value: "1-0",children: [{text: "1.1班",value: "1-1"},{text: "1.2班",value: "1-2"}]},{text: "二年级",value: "2-0"},{text: "三年级",value: "3-0"}]

bw:不想用text 和value 属性也可以修改

2022/08/19修改
由于很多小伙伴私信我说遇到问题，所以了解到大家可能需要的是不仅仅是搜索和多选的功能，也需要对应下面的标签新增，和删减功能，是我这边上传的视频造成误解啦，今天花费空余时间给大家写了个例子。复制粘贴可用：
步骤：

1，找到项目下的这两个文件 把内容替换成我文章中的内容

2，调用页面全部代码

3，可根据自己需求进行更改：呈现效果如下：

希望多多支持哈，点个赞再走 嘻嘻~码字不易。谢谢大家，有问题可私信