本文为博主原创，未经允许不得转载：

异常展示：

[Vue warn]: Error in getter for watcher "filterAndSortData": "TypeError: Cannot read property 'length' of null"

found in

---> <UxTable>

       <UxCol>

         <UxRow>

           <CustomerDomainCofigDetail> at src/web/manage/customerManage/CustomerDomainCofigDetail.vue

             <ElMain>

               <ElContainer>

                 <MainAdmin> at src/web/manage/MainAdmin.vue

                   <App> at src/app.vue

                     <Root>

warn @ vue.esm.js?efeb:591

logError @ vue.esm.js?efeb:1737

globalHandleError @ vue.esm.js?efeb:1732

handleError @ vue.esm.js?efeb:1721

get @ vue.esm.js?efeb:3145

run @ vue.esm.js?efeb:3219

flushSchedulerQueue @ vue.esm.js?efeb:2981

(anonymous) @ vue.esm.js?efeb:1837

flushCallbacks @ vue.esm.js?efeb:1758

Promise.then (async)

microTimerFunc @ vue.esm.js?efeb:1806

nextTick @ vue.esm.js?efeb:1850

queueWatcher @ vue.esm.js?efeb:3068

update @ vue.esm.js?efeb:3209

notify @ vue.esm.js?efeb:697

reactiveSetter @ vue.esm.js?efeb:1014

proxySetter @ vue.esm.js?efeb:3300

(anonymous) @ CustomerDomainCofigDetail.vue?6300:488

Promise.then (async)

initData @ CustomerDomainCofigDetail.vue?6300:482

created @ CustomerDomainCofigDetail.vue?6300:627

callHook @ vue.esm.js?efeb:2921

Vue._init @ vue.esm.js?efeb:4630

VueComponent @ vue.esm.js?efeb:4798

createComponentInstanceForVnode @ vue.esm.js?efeb:4310

init @ vue.esm.js?efeb:4131

createComponent @ vue.esm.js?efeb:5608

createElm @ vue.esm.js?efeb:5555

updateChildren @ vue.esm.js?efeb:5845

patchVnode @ vue.esm.js?efeb:5936

patch @ vue.esm.js?efeb:6096

Vue._update @ vue.esm.js?efeb:2670

updateComponent @ vue.esm.js?efeb:2788

get @ vue.esm.js?efeb:3142

run @ vue.esm.js?efeb:3219

flushSchedulerQueue @ vue.esm.js?efeb:2981

(anonymous) @ vue.esm.js?efeb:1837

flushCallbacks @ vue.esm.js?efeb:1758

vue.esm.js?efeb:1741 TypeError: Cannot read property 'length' of null

    at recursiveRows (utils.js?8c28:43)

    at normalizeRows (utils.js?8c28:61)

    at VueComponent.normalizeData (table.js?7ae6:141)

    at Watcher.get (vue.esm.js?efeb:3142)

    at Watcher.evaluate (vue.esm.js?efeb:3249)

    at VueComponent.computedGetter [as normalizeData] (vue.esm.js?efeb:3507)

    at VueComponent.filterAndSortData (table.js?7ae6:180)

    at Watcher.get (vue.esm.js?efeb:3142)

    at Watcher.evaluate (vue.esm.js?efeb:3249)

    at VueComponent.computedGetter [as filterAndSortData] (vue.esm.js?efeb:3507)

logError @ vue.esm.js?efeb:1741

globalHandleError @ vue.esm.js?efeb:1732

handleError @ vue.esm.js?efeb:1721

get @ vue.esm.js?efeb:3145

run @ vue.esm.js?efeb:3219

flushSchedulerQueue @ vue.esm.js?efeb:2981

(anonymous) @ vue.esm.js?efeb:1837

flushCallbacks @ vue.esm.js?efeb:1758

Promise.then (async)

microTimerFunc @ vue.esm.js?efeb:1806

nextTick @ vue.esm.js?efeb:1850

queueWatcher @ vue.esm.js?efeb:3068

update @ vue.esm.js?efeb:3209

notify @ vue.esm.js?efeb:697

reactiveSetter @ vue.esm.js?efeb:1014

proxySetter @ vue.esm.js?efeb:3300

(anonymous) @ CustomerDomainCofigDetail.vue?6300:488

Promise.then (async)

initData @ CustomerDomainCofigDetail.vue?6300:482

created @ CustomerDomainCofigDetail.vue?6300:627

callHook @ vue.esm.js?efeb:2921

Vue._init @ vue.esm.js?efeb:4630

VueComponent @ vue.esm.js?efeb:4798

createComponentInstanceForVnode @ vue.esm.js?efeb:4310

init @ vue.esm.js?efeb:4131

createComponent @ vue.esm.js?efeb:5608

createElm @ vue.esm.js?efeb:5555

updateChildren @ vue.esm.js?efeb:5845

patchVnode @ vue.esm.js?efeb:5936

patch @ vue.esm.js?efeb:6096

Vue._update @ vue.esm.js?efeb:2670

updateComponent @ vue.esm.js?efeb:2788

get @ vue.esm.js?efeb:3142

run @ vue.esm.js?efeb:3219

flushSchedulerQueue @ vue.esm.js?efeb:2981

(anonymous) @ vue.esm.js?efeb:1837

flushCallbacks @ vue.esm.js?efeb:1758

vue.esm.js?efeb:591 [Vue warn]: Error in render: "TypeError: Cannot read property 'length' of null"

found in

---> <UxTable>

       <UxCol>

         <UxRow>

           <CustomerDomainCofigDetail> at src/web/manage/customerManage/CustomerDomainCofigDetail.vue

             <ElMain>

               <ElContainer>

                 <MainAdmin> at src/web/manage/MainAdmin.vue

                   <App> at src/app.vue

                     <Root>

warn @ vue.esm.js?efeb:591

logError @ vue.esm.js?efeb:1737

globalHandleError @ vue.esm.js?efeb:1732

handleError @ vue.esm.js?efeb:1721

Vue._render @ vue.esm.js?efeb:4546

updateComponent @ vue.esm.js?efeb:2788

get @ vue.esm.js?efeb:3142

run @ vue.esm.js?efeb:3219

flushSchedulerQueue @ vue.esm.js?efeb:2981

(anonymous) @ vue.esm.js?efeb:1837

flushCallbacks @ vue.esm.js?efeb:1758

Promise.then (async)

microTimerFunc @ vue.esm.js?efeb:1806

nextTick @ vue.esm.js?efeb:1850

queueWatcher @ vue.esm.js?efeb:3068

update @ vue.esm.js?efeb:3209

notify @ vue.esm.js?efeb:697

reactiveSetter @ vue.esm.js?efeb:1014

proxySetter @ vue.esm.js?efeb:3300

(anonymous) @ CustomerDomainCofigDetail.vue?6300:488

Promise.then (async)

initData @ CustomerDomainCofigDetail.vue?6300:482

created @ CustomerDomainCofigDetail.vue?6300:627

callHook @ vue.esm.js?efeb:2921

Vue._init @ vue.esm.js?efeb:4630

VueComponent @ vue.esm.js?efeb:4798

createComponentInstanceForVnode @ vue.esm.js?efeb:4310

init @ vue.esm.js?efeb:4131

createComponent @ vue.esm.js?efeb:5608

createElm @ vue.esm.js?efeb:5555

updateChildren @ vue.esm.js?efeb:5845

patchVnode @ vue.esm.js?efeb:5936

patch @ vue.esm.js?efeb:6096

Vue._update @ vue.esm.js?efeb:2670

updateComponent @ vue.esm.js?efeb:2788

get @ vue.esm.js?efeb:3142

run @ vue.esm.js?efeb:3219

flushSchedulerQueue @ vue.esm.js?efeb:2981

(anonymous) @ vue.esm.js?efeb:1837

flushCallbacks @ vue.esm.js?efeb:1758

vue.esm.js?efeb:1741 TypeError: Cannot read property 'length' of null

    at recursiveRows (utils.js?8c28:43)

    at normalizeRows (utils.js?8c28:61)

    at VueComponent.normalizeData (table.js?7ae6:141)

    at Watcher.get (vue.esm.js?efeb:3142)

    at Watcher.evaluate (vue.esm.js?efeb:3249)

    at VueComponent.computedGetter [as normalizeData] (vue.esm.js?efeb:3507)

    at VueComponent.spinClasses (table.js?7ae6:313)

    at Watcher.get (vue.esm.js?efeb:3142)

    at Watcher.evaluate (vue.esm.js?efeb:3249)

    at Proxy.computedGetter (vue.esm.js?efeb:3507)

该异常原因：由于在页面加载数据初始化的时候，定义了一个数组的数据类型，从后台获取数据初始化给该变量赋值，由于后台返回数据为null，将其赋值给数组的时候就报错了，

解决方法：在赋值的时候加一层为空的判断和校验即可解决

TypeError: Cannot read property 'length' of null的更多相关文章

  1. Uncaught TypeError: Cannot read property 'length' of null错误怎么处理？

    Uncaught TypeError: Cannot read property 'length' of null 错误怎么处理? 1.可能是返回的datagrid数据格式有问题,比如{"t ...

  2. Uncaught TypeError: Cannot read property 'insertAdjacentHTML' of null

    在开发Ext 项目中如果遇到 Uncaught TypeError: Cannot read property 'insertAdjacentHTML' of null 这个错误,检查下renderT ...

  3. Uncaught TypeError: Cannot set property 'innerHTML' of null

    学习Chrome插件时,要在弹出页面中显示当前时间,结果怎样也显示不出来 看了 http://www.cnblogs.com/mfryf/p/3701801.html 这篇文章后感悟颇深 通过调试发现 ...

  4. Three.js three.js Uncaught TypeError: Cannot read property 'getExtension' of null

    在调试Three.js执行加载幕布的时候,突然爆出这个错误three.js Uncaught TypeError: Cannot read property 'getExtension' of nul ...

  5. JavaScript Uncaught TypeError: Cannot read property 'value' of null

    用 JavaScript 操作 DOM 时出现如下错误: Uncaught TypeError: Cannot set property 'value' of null Uncaught TypeEr ...

  6. vue-cli +echarts-amap集成echarts和高德地图TypeError: Cannot read property 'dataToPoint' of null解决方案

    由于项目的需求,需要做一种迁徙效果, 最后我们采用了组件化开发,可以说这个坑自己一个人踩,有点累,但也收获不少. vue-cli +echarts-amap集成echarts和高德地图,出现报错,错误 ...

  7. vue v-if:"TypeError: Cannot read property 'length' of undefined"

    在使用v-if判断一个数组大小为0时,会出现 length 是undefined的错误:[Vue warn]: Error in render: "TypeError: Cannot rea ...

  8. 前台报错:Uncaught TypeError: Cannot read property '0' of null

    错误现象: var div1=mycss[0].style.backgroundColor;  //这一行提示360和chrome提示:Uncaught TypeError: Cannot read  ...

  9. Egret(白鹭引擎)——“TypeError: Cannot read property 'asCom' of null”

    前言 相信我,这个错误新手都不陌生:TypeError: Cannot read property 'asCom' of null 还有,一定要看我上一篇,哦不(人家应该是报了这个错,才找到看到这篇文 ...

随机推荐

  1. 浅析 Hinton 最近提出的 Capsule 计划

    [原文]    浅析 Hinton 最近提出的 Capsule 计划     关于最新的 Hinton 的论文 Dynamic Routing Between Capsules,参见 https:// ...

  2. 环形dp

    对于环形的dp 大多情况都是破环成链 例如 那道宝石手镯的环形 一般来说都是要破环成链的. 或者说 是 两次dp 一次断开 一次强制连接即可. 我想 我应该沉淀下来了这些天写的题都有点虚 要不就是看了 ...

  3. 使用js对WGS-84 ，GCJ-02与BD-09的坐标进行转换

    获取到经纬度在用百度地图进行定位时,却发现行驶轨迹的路线定到海里面去了.从网上查阅,知道此方法. 出处:https://www.jianshu.com/p/53f00ba897f7 一.在进行地图开发 ...

  4. SVN修改已经提交过记录的日志和作者

    原 SVN修改已经提交过记录的日志和作者 使用TortoiseSVN管理代码,对于已经提交的记录,可以修改提交作者和提交日志,不过会报如下错误: Repository has not been ena ...

  5. 编程实现类似Linux系统的cp功能

    选做题目以及分析 题目:编写MyCP.java 实现类似Linux下cp XXX1 XXX2的功能,要求MyCP支持两个参数: java MyCP -tx XXX1.txt XXX2.bin 用来把文 ...

  6. SpringBoot内置Tomcat缓存文件目录被意外删除导致异常

    在项目中,一般会将文件临时保存到缓存目录 当时使用 File.createTempFile("tmp", ext, (File) request.getServletContext ...

  7. JUnit单元测试代码

    package com.storage.test; import org.junit.Before; import org.junit.Test; import org.springframework ...

  8. 【UML】NO.52.EBook.5.UML.1.012-【UML 大战需求分析】- 交互概览图（Interaction Overview Diagram）

    1.0.0 Summary Tittle:[UML]NO.52.EBook.1.UML.1.012-[UML 大战需求分析]- 交互概览图(Interaction Overview Diagram) ...

  9. JDBC-DAO层数据访问工具类的实现

    private static PreparedStatement pst; private static ResultSet rst; public static <T> int inse ...

  10. python模块的学习

    # time 模块 import time print(time.time()) #当前的时间挫 #time.sleep(3) #休息3秒钟,这3秒cpu不工作的 print(time.gmtime( ...