验证码: 看不清楚,换一张 查询 注册会员,免验证
  • {{ basic.site_slogan }}
  • 打开微信扫一扫,
    您还可以在这里找到我们哟

    关注我们

typescript提示Object is possibly'null'怎么解决

阅读:759 来源:乙速云 作者:代码code

typescript提示Object is possibly'null'怎么解决

用watch监听某个一个数组数据,获取其length时,提示Object is possibly ‘null‘ .具体如下:

typescript提示Object is possibly'null'怎么解决

typescript提示Object is possibly'null'怎么解决

解决方法如下:就是加null的判断

typescript提示Object is possibly'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');
分享到:
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: hlamps#outlook.com (#换成@)。
相关文章
{{ v.title }}
{{ v.description||(cleanHtml(v.content)).substr(0,100)+'···' }}
你可能感兴趣
推荐阅读 更多>