vue项目中满屏报错:TypeError:Cannot read property length of null

改别人的代码,满屏报TypeError: Cannot read property 'length' of null,这种报错根本定位不到出错代码,小小崩溃。改就改吧,一个2000行代码的编辑页,代码格式乱到没眼看,呼~深呼吸,静下心来慢慢找。

vue项目中满屏报错:TypeError:Cannot read property length of null

首先我把页面中所有的.length数据找到,在标签里加上了v-if="data && data.length > 0",在js代码中也加上了if判断,然后又找到所有的for循环,也加上了判断,先确定所要操作的数组元素是否存在,再去找它的length,干完这一切,我以为大功告成了,结果,报错信息一句没少,崩溃中。。。。。。。

然后把html代码一句一句注释掉(对于格式不齐的代码,我真的是一句一句注释的),继续崩溃。。。。注释完之后我发现报错没了,然后我有一句一句解注释,一句一句测,最后定位在了两个textarea输入框的maxlength上,这才发现在数据回显的时候,这两个textarea的回显数据为null,所以Cannot read property 'length' of null不一定是数组的length,也可能是字符串的length。

总结:遇到这种不能定位到出错行的保存,一定要有耐心,一段一段注释,手动去定位出错代码的位置。