Error in render: “TypeError: data.slice is not a function“

本文讲述了在使用Ant Design Vue的表格组件时遇到的错误,即dataSource属性期望接收到数组,但实际上接到了对象。错误原因在于直接赋值时将数据类型搞错。通过修改代码,将数据逐条push到数组中,成功解决了这个问题。博主鼓励读者提问交流,期待大家点赞互动。
摘要由CSDN通过智能技术生成

报错信息

 Invalid prop: type check failed for prop "dataSource". Expected Array, got Object 

Error in render: "TypeError: data.slice is not a function"

使用  ant-design-vue 的 table 组件 ,渲染表格数据报错

 解决方法

 <a-table 

        :columns="columnsreply" 

        :data-source="seldata"

        :loading="loading" 

         childrenColumnName = "1">

         

   </a-table>

表格绑定的数据是数组类型,之前报错是因为给 seldata 直接赋值变成对象类型,需要修改赋值的代码

可以使用 push 方法  ,添加数据到 seldata 中 ,错误解决

 之前

seldata=row

改正 

seldata.push(row)

报错解决


文章如有错误,恳请大家提出问题,本人不胜感激 。 不懂的地方可以评论,我都会一一回复

文章对大家有帮助的话,希望大家能动手点赞鼓励,大家未来一起努力     长路漫漫,道阻且长  

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

潮汐未见潮落

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值