[Vue warn]: Error in nextTick: “TypeError: Cannot read property ‘map‘ of null“

在vue项目中使用element-ui时报错:[Vue warn]: Error in nextTick: "TypeError: Cannot read property 'map' of null"

报错信息如下:
在这里插入图片描述

很离谱,就自己研究了一下,记录一下,都是粗心惹的错:

原因就是给el-table的数据源初始时设置为了null,而在使用了default-sort属性时,table在默认排序时对数据源进行map当然报错。
currentPageData: null改为currentPageData: []就解决了。

解决过程:

根据报错信息定位报错位置10051行:
在这里插入图片描述
array.map报错为null,再往上定位array:
在这里插入图片描述
根据这个方法的参数和内容基本断定是因为el-table的default-sort属性引起的错误信息,也就是说el-table在编译排序过程中的数据源数组为null。
回头检查数据源发现,数据源在初始时竟然赋值为null,怪不得。
将数据源数组初始值改为[] 空数组即可。

本身就是一个很简单的错误,偏偏就是没想到。

  • 7
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值