组件引用 uni-app 中 uni-drawer,uni-icons 组件,请自行引入。
treeSelect.vue
银河系 {{item.title}} {{item[props.label]}} 暂无数据 收起 已选中({{selectList.length}}) 确认 已选中({{selectList.length}}) 清空 {{item[props.label]}} 暂无选中地区
注:引用 dept.png 和 nodata.png 两张图片,请自备图片资源。
treeSelectDrawer.vue
注:uni-drawer组件默认宽度被我改成了100%。
基本用法{{ name || "请选择" }} 选中项ids:{{ id }}
可通过传递 props ,修改树结构对应的 label,value,children参数名
treeData:[{
deptId:"1",
deptName:"北京市",
deptChild:[{
deptId:"11",
deptName:"东城区",
deptChild:[]
}]
}]
组件使用:



