如何深入理解LayUI TreeSelect下拉树的运用技巧？

本文共计1277个文字，预计阅读时间需要6分钟。

目录 + 显示效果图 + JS渲染样式代码 + 后台响应加载下滑树形数据方法（有详细注释） + Dept实体类代码 + JSON数据格式 + JSON数据 + 树形结构在实际开发中是非常常用的结构。最近编写了一个基于 LayUI 的小型部门管理工具。

目录

• 显示效果图
• JS渲染样式代码
• 后台响应加载下拉树数据方法（有详细注释）
• Dept实体类代码
• JSON数据格式
• JSON数据

树形结构在实际开发中是很长用的一种结构。最近写了一个LayUI的小案例，其中用到了TreeSelect，这里整理一下。

TreeSelect官网地址：fly.layui.com/extend/treeSelect/

显示效果图

因为TreeSelect不是LayUI官方开发的，而是第三方基于LayUI开发的，所以需要先用Layui引入一下文件。

之后页面只需要引入LayUI的CSS和JS就可以了。

页面给一个标签，用于显示TreeSelect下拉树选中的内容值，获取选中值时，直接获取标签值，就是选中的内容值。