table.js:2 Uncaught TypeError: Cannot create property 'LAY_TABLE_INDEX' on number '1'

在使用layui框架进行数据表格渲染时,遇到接口返回数据格式不匹配导致的错误。本文详细解析了错误原因,即返回数据中data字段的格式不符合layui的要求,并提供了具体的解决方法,通过在table.render配置项中的parseData函数对返回数据进行正确解析。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

使用layui框架的数据表格,渲染时报错
在这里插入图片描述
原因:layui渲染表格数据的时候,接口请求返回的data的值应该如 *data:[{},{},{}]形式,而我的data形式为data:{data:[{},{}],statusCode:1,……}*这种形式,因此会报错

解决方法:在parseData函数里面将data解析出来

table.render({
  elem: '  '
  ,url: '  ',
   parseData: function(res){
				console.log('返回的值',res)
				return {
					"statusCode": res.statusCode, //解析接口状态
					"data": res.data.data //解析数据列表
				};
			},`
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值