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

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

这是前端发送的ajax请求

再看打印的json数据:

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

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

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

测试之后,完美显示成功,如下图:

的确,再看下deptList和jsonData的类型,如下图:

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

原文地址:https://www.cnblogs.com/mYunYu/p/10150196.html