Element中el-date-picker组件出现不回填怎么解决?针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。
1.问题描述
当我们在实用ElementUI组件完成项目的时候可能会遇到这样的需求,比如:
新建一个活动,需要定义活动的时间范围;
因此我们在新建活动的操作过程中需要选择一段时间区间以及活动名称等信息提交,新建完成;
网页上出现了新建好的活动,其他人想查看详细信息,打开页面,发现时间区间并没有实现回填!
2.问题分析
时间信息没有回填,首先要检查,后台数据返回情况以及页面上字段信息是否有差异等细节;
如果没有以上的情况,那就是我碰到的这种情况了,
后端数据返回没有差异,而且页面字段也没有错,其他的信息也正常回填,唯独时间不回填,同时也伴随一次回填后续不回填等诸多情况。总结来说就是:页面与数据不同步!
3.解决办法
打印一下就能知道el-date-picker区间时间组件的数据其实是Array
所以,我们一般从后台拿到数据后进行回填操作如下:
getDetails (obj){ // form.daterange是el-date-picker组件v-model的变量 this.form.daterange[0] = obj.startTime; this.form.daterange[1] = obj.endTime; }