如何深入理解并高效运用LayUI的TreeSelect下拉树组件？

本文共计1276个文字，预计阅读时间需要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下拉树选中的内容值，获取选中值时，直接获取标签值，就是选中的内容值。