# LayUI拓展组件:TreeSelect树形下拉选择器
**Repository Path**: binglongworld/treeselect
## Basic Information
- **Project Name**: LayUI拓展组件:TreeSelect树形下拉选择器
- **Description**: 基于 layui 的树形下拉选择器。支持异步加载,提供点击回调函数,提供设置占位符、选中节点等方法。
- **Primary Language**: JavaScript
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No
## Statistics
- **Stars**: 0
- **Forks**: 79
- **Created**: 2020-02-26
- **Last Updated**: 2020-12-19
## Categories & Tags
**Categories**: Uncategorized
**Tags**: None
## README
# LayUI拓展组件:TreeSelect树形下拉选择器
#### 项目介绍
基于 layui 的树形下拉选择器。支持异步加载,提供点击回调函数,提供设置占位符、选中节点等方法。
#### 效果图



#### 使用示例
```
```
#### 数据格式参考
```
[
{
"children": [
{
"name": "留言列表",
"icon": "",
"id": 5,
"spread": false
},
{
"name": "发表留言",
"icon": "",
"id": 6,
"spread": false
}
],
"name": "评论",
"icon": "",
"id": 4,
"spread": false
},
{
"children": [
{
"children": [
{
"name": "添加用户",
"icon": "",
"id": 40,
"spread": false
},
{
"name": "编辑用户",
"icon": "",
"id": 41,
"spread": false
},
{
"name": "删除用户",
"icon": "",
"id": 42,
"spread": false
}
],
"name": "用户列表",
"icon": "",
"id": 8,
"spread": false
},
{
"name": "角色列表",
"icon": "",
"id": 11,
"spread": false
},
{
"children": [
{
"name": "添加权限",
"icon": "",
"id": 34,
"spread": false
},
{
"name": "编辑权限",
"icon": "",
"id": 37,
"spread": false
},
{
"name": "删除权限",
"icon": "",
"id": 38,
"spread": false
}
],
"name": "所有权限",
"icon": "",
"id": 13,
"spread": false
},
{
"name": "操作日志",
"icon": "",
"id": 15,
"spread": false
}
],
"name": "权限管理",
"icon": "",
"id": 10,
"spread": false
}
]
```