default-sort [Vue warn]: Error in nextTick: “TypeError: array is null”

介绍


vue项目中使用element-ui时报错:[Vue warn]: Error in nextTick: “TypeError: array is null”
配置了:default-sort=”{prop: ‘internal_ip’, order: ‘ascending’}” 后就报错
报错信息如下:

[Vue warn]: Error in nextTick: "TypeError: array is null"

found in

---> <ElTableHeader>
       <ElTable> at packages/table/src/table.vue
         <ComplexTable> at src/views/kubernetes/clusters.vue
           <AppMain> at src/layout/components/AppMain.vue
             <Layout> at src/layout/index.vue
               <App> at src/App.vue
                 <Root> vue.runtime.esm.js:619
TypeError: array is null

报错分析


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

问题解决 default-sort [Vue warn]: Error in nextTick: “TypeError: array is null”


将list: null改为list: []就解决了,将数据源数组初始值改为[] 空数组即可。

在这里插入图片描述
再次访问,就不会报错了

类似的错误


[Vue warn]: Error in nextTick: “TypeError: Cannot read property ‘map‘ of null“
也是这样解决,一般原因就是我们在绑定数据时,绑定了null值

版权声明:本文为作者原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

原创文章,作者:老C,如若转载,请注明出处:https://www.code404.icu/1516.html

发表评论

登录后才能评论