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

异常展示：

[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. vim 命令补充(1)

    本篇文章主要教你如何使用 Vim 分屏功能. 分屏启动Vim 使用大写的O参数来垂直分屏. vim -On file1 file2 ... 使用小写的o参数来水平分屏. vim -on file1 f ...

  2. git 设置tracking information

    There is no tracking information for the current branch.Please specify which branch you want to merg ...

  3. 剑指offer——python【第54题】字符流中第一个不重复的字符

    题目描述 请实现一个函数用来找出字符流中第一个只出现一次的字符.例如,当从字符流中只读出前两个字符"go"时,第一个只出现一次的字符是"g".当从该字符流中读出 ...

  4. NodePort 只能在node节点上访问，外部无法访问

    创建了一个NodePort类型的jenkins service,node port 30000,node节点ip为192.168.56.101, 在node节点上通过浏览器能正常访问http://19 ...

  5. centOs6.5配置启动ssh

    .非root用户则执行su或su - 或su root或su - root切换为root用户 2.查看SSH是否安装(检查是否装了SSH包) 输入命令:rpm -qa | grep ssh 注:若没安 ...

  6. 阿里云 centos 服务器无法自动挂载 nas 的问题

    阿里云服务器 centos 7.3 ,开始是通过 fstab 配置的自动挂载: xxx.cn-hangzhou.nas.aliyuncs.com:/ /nas nfs4 auto 0 0 但服务器启动 ...

  7. 图->有向无环图->求关键路径

    文字描述 与AOV-网相对应的是AOE-网(Activity on Edge)即边表示活动的网.AOE-网是一个带权的有向无环图.其中,顶点表示事件Event,弧表示活动,权表示活动持续的时间.通常, ...

  8. webpack的externals的使用

    externals 官网文档解释的很清楚,就是webpack可以不处理应用的某些依赖库,使用externals配置后,依旧可以在代码中通过CMD.AMD或者window/global全局的方式访问. ...

  9. Python静态方法（staticmethod）和类方法（classmthod）

    Python静态方法(staticmethod)和类方法(classmthod)翻了翻之前的笔记,也刚好看到一篇不错的blog,关于静态方法和类方法的,方便以后查阅,就写在这里了,废话不多说,直接上代 ...

  10. java框架之SpringBoot(7)-异常处理

    前言 在 SpringBoot 项目中,默认情况下,使用浏览器访问一个不存在的地址会返回如下错误页面: 而当客户端未非浏览器时,错误信息则会以 json 数据返回,如下: 会出现如上效果的原因是 Sp ...