vue组件之 el-date-picker 能下拉出样式,但是选择不了

开发过程中,测试反映,

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

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

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

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

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

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

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

 

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

你可能感兴趣的:(vue.js)