关于使用layui中的tree的一个坑

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

最近几天，因为项目需要，所以自学了下layui，在使用之前就对其比较感兴趣，毕竟封装的东西也不错(个人见解)，在接触到layui之后，现在有个需要就是将部门做成tree的样子，开始觉得不怎么难，毕竟都框架都封装的很好，只要后端组装json发送到前端就ok，但。。。。看下图吧

这是前端发送的ajax请求

再看打印的json数据：

再看官网给出的例子中的json格式：

对比下，看这json格式与官网中给出的案例格式是一致的，但最后的给我展示出来的结果却不让人开心！

看到这个样子，脑子有点懵，然后开始怀疑是不是自己后端组装json格式的原因？然后经历了几种json转换，以及将对象发送到前端来组装成json，最后还是一样的结果！后面上完厕所之后，仔细分析了下，应该不是json格式和后端数据的问题，可能是格式的问题，最后再将node数据改成下面测试了下：

测试之后，完美显示成功，如下图：

的确，再看下deptList和jsonData的类型，如下图：

看完这类型之后，大家应该都会明白吧！我记得我之前使用zTree的时候好像也发生过这种错误，json格式和数据都没错，唯一就是数据的类型问题，一个是string类型，一个是object类型，最后导致解析错误，上次没有写下记住，这次必须写下谨记！！！