LayUI列表渲染实现及问题

今天使用了一下LayUI框架,发现很好用,开发效率很高,但是还是遇到很多坑,主要是之前没有好好看文档,废话不说了,直接贴代码

LayUI列表渲染实现及问题

LayUI列表渲染实现及问题

 

上面为使用LayUI动态获取数据的实现,但是呢很多同学可能出现数据拉取成功,列表没有数据的问题,包括我也出现这种情况,搞了半天不知道啥原因,最后去官网好好看了一下文档,才发现我返回的状态名称和值和layUI默认的不一样,默认的

LayUI列表渲染实现及问题

statusName: 'status', //规定数据状态的字段名称,默认:code
statusCode: 0//规定成功的状态码,默认:0

然而,我数据返回的statusName:“status”,值为1,所以还需要处理一下Layui 默认设置值

LayUI列表渲染实现及问题

 

当然,还有一种情况是返回的数据结构不一样,就需要处理数据结构,可以通过response和parseData方法解决

LayUI列表渲染实现及问题

但是发现还不行,又去百度了下,原来parseData的版本是2.4之后才有的,我用的是2.3版本,所以parseData无效,更新一下最新版本就ok了。