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

异常展示：

[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. jsonp 的实质

    发送 get请求,可以通过 浏览器输入 url地址,也可以在 javascript 脚本中手动发送 ajax. 或者也可以在 Html网页中定义一个 带 src的 Html 标签,比如 <img ...

  2. 【Swing程序设计/常用面板】

    面板也是一个Swing容器,可以作为容器容纳其他组件,但是它必须要被添加到其他容器中.Swing常见的面板是JPanel面板和JScrollPanel面板. JPanel面板可以聚集一些组件来布局. ...

  3. vue里的样式添加之类名改动 和style改动

    类名下有不同样式,通过增加或者减少类名,来增加或减少样式. v-bind:class = {类名:变量,类名:变量...}  变量为布尔值,如果是true则类名添加,反正类名不添加到该元素身上 v-b ...

  4. elk之elasticsearch（二）

    一.下载安装包:注意版本统一 wget https://artifacts.elastic.co/downloads/elasticsearch/elasticsearch-6.3.2.zip wge ...

  5. JQuery实现表格自动增加行，对新行添加事件

    实现功能: 通常在编辑表格时表格的行数是不确定的,如果一次增加太多行可能导致页面内容太多,反应变慢:通过此程序实现表格动态增加行,一直保持最下面有多个空白行. 效果: 一:原始页面 二:表1增加新行并 ...

  6. 史上最完整的Android开发工具集合（转）

    需要的:戳这里:http://www.apkbus.com/thread-252748-1-1.html

  7. java_工厂模式

    定义: 初学者总是把所有的代码写在一个类里面,这样是非常危险的,因为所有错误集中在一个类里了,而且代码一长,调试就很困难 所以参照工厂流水线,分车间分模块来写代码,在实际操作中也就是说将代码模块化,封 ...

  8. VMware Workstation下ubuntu虚拟机无法上网连不上网络解决

    写在前面:本博客为本人原创,严禁任何形式的转载!本博客只允许放在博客园(.cnblogs.com),如果您在其他网站看到这篇博文,请通过下面这个唯一的合法链接转到原文! 本博客全网唯一合法URL:ht ...

  9. SparkContext初始化之SparkScheduler初始化

  10. U盘出现很多.exe的文件处理方案

    1.原来优盘显示隐藏系统文件后,会有MyDocument文件夹和MyDocument.exe文件两个. 2.在MyDocument文件夹下新建文件夹名为“安全区”的空文件夹. 3.在U盘的根目录下新建 ...