typescript提醒Object is possibly'null'如何解决
用watch监视某一一个二维数组数据信息,获得其length时,提醒Object is possibly ‘null‘ .详细如下:
处理步骤如下:便是加null的分析
typescript 提醒 Object is possibly ‘null‘ 的N种解决方案
解决方法一
最适合的解决方法,便是加null的分析
const table = document.querySelector('.main-table'); if (table) { table.setAttribute('height', '300px'); }
解决方法二
应用肯定方法,但是这是谁能保证原素必然存有的状况
(document.querySelector('.main-table') as Element).setAttribute('height', '300px');
解决方法三
这跟解决方法基本原理一样,要分辨null状况,但书写通俗一点,但是这是关掉eslint的情形下,不然eslint会提示不正确
document.querySelector('.main-table')?.setAttribute('height', '300px');
这儿采用了?.
标记,等同于&&
,含意要先分辨?
前面的目标存不存在,存有前提下再执行后边的方式;
应用下边编码也可以的:
const table = document.querySelector('.main-table'); table && table.setAttribute('height', '300px');
有关“typescript提醒Object is possibly'null'如何解决”本文内容就介绍到这里了,谢谢各位阅读!想必大家“typescript提醒Object is possibly'null'如何解决”专业知识都有一定的了解,大伙儿如果想了解更多的专业知识,请关注花开半夏领域文化频道。