vue组件之 el-date-picker 能下拉出样式,但是选择不了
开发过程中,测试反映,测试:这个时间组件新建的时候可以,怎么编辑的时候一直点不了,为什么选择不了时间, 有bug啊!我:本地测试没问题呀, 你再点点测试:就是选择不了, 你过来看。... 走过去看,确实选择不了,于是我就开始找问题。一开始看console.log的报错是 getYear(), getMonth() is not function , 一开始找的是前端的问题,找了半天也就那么个回事,
·
开发过程中,测试反映,
测试:这个时间组件新建的时候可以,怎么编辑的时候一直点不了,为什么选择不了时间, 有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', 就直接返回空或者空字符串都行, 在前端处理和在后端处理都行。
更多推荐
已为社区贡献1条内容
所有评论(0)