解决TypeError: Cannot read properties of null (reading ‘0’)报错

前端 潘老师 2个月前 (12-19) 58 ℃ (0) 扫码查看



vue前端页面发出请求时发现报错如下:TypeError: Cannot read properties of null (reading ‘0’),看下图:

定位到报错的代码是如下:

let beginTime = this.overviewQuery[0]
let endTime = this.overviewQuery[1]

而报错原因就是因为overviewQuery这个变量,而overviewQuery与el-date-picker日期组件通过v-model绑定,当el-date-picker日期组件点击小叉子图标清空日期时,会将绑定的overviewQuery置为null,从而导致了以上获取数组日期值时报错:TypeError: Cannot read properties of null (reading ‘0’)。

因此总结下原因就是数组变量为null导致通过角标获取用数组元素报错。

解决办法

知道了原因,解决办法很简单,对该变量加一层为null的判断即可,当变量不为空时再去获取数据:

if (this.overviewQuery) {
    let beginTime = this.overviewQuery[0]
    let endTime = this.overviewQuery[1]
}

然后再去运行就不会报错了,问题解决。


版权声明:本站文章,如无说明,均为本站原创,转载请注明文章来源。如有侵权,请联系博主删除。
本文链接:https://www.panziye.com/front/12670.html
喜欢 (0)
请潘老师喝杯Coffee吧!】
分享 (0)
用户头像
发表我的评论
取消评论
表情 贴图 签到 代码

Hi,您需要填写昵称和邮箱!

  • 昵称【必填】
  • 邮箱【必填】
  • 网址【可选】