开发过程中,测试反映,

测试:这个时间组件新建的时候可以,怎么编辑的时候一直点不了,为什么选择不了时间, 有bug啊!

我:本地测试没问题呀, 你再点点

测试:就是选择不了, 你过来看。

... 走过去看,确实选择不了,于是我就开始找问题。

一开始看console.log的报错是 getYear(), getMonth() is not function , 一开始找的是前端的问题,找了半天也就那么个回事,就一个组件会有啥问题呢?

于是开始判断后端的问题:

咦惹,突然就发现了,后端返回值为null的时候, 这个时间组件中的值没有填写的全部被转成了 ‘null’ 这样的值, 这样的话因为在前端有个时间格式匹配。所以在返回数据的时候出现了为null的字符串,这样的话这个值得时间匹配格式就匹配不正确。就会报错上述的错误。

 <el-date-picker
     style="width:100%"
     value-format="yyyy-MM-dd"
     type="date"
     placeholder="选择日期">

解决方案:在赋值的时候进行判断一下,如果为类似于这种类型的结果'null', 就直接返回空或者空字符串都行, 在前端处理和在后端处理都行。

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐