最近在写项目的时候,为了将数据中的年月日时分秒分割开,控制台报出了TypeError: Cannot read property 'slice' of null的错误。

TypeError: Cannot read property 'slice' of null

 检查了一下自己写的代码,如下:

<text class="review-detail-text">评审时间:{{item.evaluation_date=item.evaluation_date.slice(0,10)}}</text> 

当item.evaluation_date不为空(null)时,不会报错,但是一旦后台数据的属性为空时,就会报错,那是因为一个空数据是没有长度的,没有length属性,也不能用切片方法。

最终,将代码改了一下,使用三元表达式判断一下,就不会报错啦!如下:

<text class="review-detail-text">评审时间:{{item.evaluation_date==null?item.evaluation_date:item.evaluation_date.slice(0,10)}}</text> 

之前样式:

 改完之后的样式:

这样,想要的样式就能完美的显示啦!

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐