layui 数据表格不显示数据的解决方法
今天使用layui数据表格，动态渲染数据的时候，发现表格内容怎么也不显示，看了官方文档发现数据表格对json 有严格的要求，一般情况下，要求要有4个参数
今天使用layui数据表格，动态渲染数据的时候，发现表格内容怎么也不显示
看了官方文档发现数据表格对json 有严格的要求，一般情况下，要求要有4个参数，分别为：
{
"code": 0,
"msg": "",
"count": 1000,
"data": [{}, {}]
} 若传过来的 json 包含这四个参数，且参数名一样，则表格读数据不会出问题。若参数名和上述的不一样，则需要转换下，具体方法如下：
//假设您返回的数据格式
{
"status": 0,
"message": "",
"total": 180,
"data": {
"item": [{}, {}]
}
}那么你需要借助 parseData 回调函数将其解析成 table 组件所规定的数据格式
table.render({
elem: '#demp'
,url: ''
,parseData: function(res){ //res 即为原始返回的数据
return {
"code": res.status, //解析接口状态
"msg": res.message, //解析提示文本
"count": res.total, //解析数据长度
"data": res.data.item //解析数据列表
};
}
//,…… //其他参数
}); 以上这篇layui 数据表格不显示数据的解决方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持芦苇派。
原创文章，作者：ECHO陈文，如若转载，请注明出处：https://www.luweipai.cn/html/1609222522/
相关推荐
-
深入理解position sticky 粘性定位
粘性定位可以被认为是相对定位和固定定位的混合（即元素子再跨越特定阈值前为相对定位，之后为固定定位）
-
vue3如何解决reactive()响应式对象初始化重新赋值
在 Vue 3 中，reactive 函数是 Composition API 的一部分，用于创建一个响应式对象。这意味着当你改变这个对象的属性时，任何依赖于这些属性的组件或计算属性都会自动更新。
-
满屏import优化方案之使用模块重导（Re-export）
在编写代码时，随着项目的扩大和功能的增加，我们往往会引入越来越多的外部库和模块，这就导致了import语句数量的激增。然而，过多的import语句不仅会使代码显得杂乱无章，还可能隐藏一些潜在的问题，如未使用的导入、导入顺序混乱等。
-
微信小程序封装公共弹窗dailog组件-UNIAPP篇
在小程序的开发过程中，会发现弹框这东西使用频率太高了，能不能封装一个公共组件呢~ 答案当然是能！！！ 开发思路借鉴了一下vant，有兴趣的同学可以，研究一下
