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

异常展示：

[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. 27、 jq 拖拽

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  2. 从vue渲染想到的数组方法

    <div id="app"> <ul> <li v-for='item in goods'>{{item}}</li> </u ...

  3. js 判断js,css是否引入，确保不重复引入

      基本原理:function loadjscssfile(filename, filetype){if (filetype=="js"){ //if filename is a ...

  4. oracle安装教程

    首先下载oracle 12c的安装包(一共有两个组成),下载完之后将两个压缩文件解压到同一个目录下 https://pan.baidu.com/s/1ydsClsHv04RAwaoGmHrFVQ ht ...

  5. python学习之旅（四）

    Python基础知识(3):基本数据类型之数字 一.基本数据类型 数字Number.字符串String.列表List.元组Tuple.集合Set.字典Dictionary 二.数字 Python3支持 ...

  6. Springboot的常规属性配置和类型安全配置

    1.类型常规配置: 通过在properties文件中注入键值对的方式,在java代码中通过@Value注解注入值 2.类型安全配置 将要注入的属性包装成一个类,给类加上注解:ConfigrationP ...

  7. 在Mac上 python中使用tesseract OCR (Pytesser) 识别图片中的文字

    仓库地址:https://github.com/RobinDavid/Pytesser brew install tesseract sudo pip install opencv-python 安装 ...

  8. array 和 alloc init 以及 new 区别

    当你使用new.alloc或copy方法创建一个对象时,该对象的引用计数器值为1.当不再使用该对象时,你要负责向该对象发送一条release或autorelease消息.这样,该对象将在其使用寿命结束 ...

  9. 【UML】NO.71.EBook.9.UML.4.002-【PowerDesigner 16 从入门到精通】- RQM

    1.0.0 Summary Tittle:[UML]NO.71.EBook.9.UML.4.002-[PowerDesigner 16 从入门到精通]-  RQM Style:DesignPatter ...

  10. 010 Editor - Binary Templates

        010 Editor是一款非常强大的文本/十六进制编辑器,除了文本/十六进制编辑外,还包括文件解析.计算器.文件比较等功能,但它真正的强大之处还在于文件的解析功能.我们可以使用010Edito ...