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

异常展示：

[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. cloud_note项目

    导入mysql数据库: set names utf8; source cloud_note.sql 1.搭建springMvc+springIOc+Mybatis --引入jar包 ioc,aop,d ...

  2. php三级联动（html，php两个页面）

    <!doctype html><html><head><meta charset="utf-8"><title>无标题文 ...

  3. Python学习之旅（二十二）

    Python基础知识(21):IO编程 一.文件读写 读写文件就是请求操作系统打开一个文件对象(文件描述符),然后,通过操作系统提供的接口从这个文件对象中读取数据(读文件),或者把数据写入这个文件对象 ...

  4. Linux命令 diff cmp patch

    diff: 以行为单位进行比对 $ cat passwd | sed -e '4d' -e '6c no six line' > passwd.new $ cat -n passwd.new 1 ...

  5. mac新手使用

    mac新手使用教程 B站上有个Mac云课堂

  6. 基于 redis 的分布式锁实现 Distributed locks with Redis debug 排查错误

    小结: 1. 锁的实现方式,按照应用的实现架构,可能会有以下几种类型: 如果处理程序是单进程多线程的,在 python下,就可以使用 threading 模块的 Lock 对象来限制对共享变量的同步访 ...

  7. java学习笔记-输入输出流

    ================File类 =====================InputStream ==================OutputStream ============== ...

  8. Nginx、Tomcat配置https

    一.Nginx.Tomcat配置https 前提就是已经得到了CA机构颁发的证书 一.合并证书 1.假设证书文件如下 秘钥文件server.key,证书CACertificate-INTERMEDIA ...

  9. 使用AMBER中遇到的一些问题

    1.读取蛋白问题 读取无配体pdb文件(loadpdb complex.pdb)时,出现一堆 FATAL: Atom .R<ARG >.A<HD1 > does not hav ...

  10. Git 在 windows 上面的安装

    参考博客: https://blog.csdn.net/xiezhongyuan07/article/details/79411299 将该作者的文章搬过来, 大家可以直接看上面的原文章. 下面是拷贝 ...