解决Element中el-date-picker组件不回填的情况
作者：Calla_Lj 发布时间：2024-04-09 11:00:47
标签：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;
}
然而，页面上经常不显示，其实我们这样做也是没问题的，这是element UI自身存在的bug吧，不光日期选择组件有这个问题，有时候下拉框也会偶尔出现此类现象，但是我们可以稍稍修改一下就没问题了，如下：
getData (obj) {
this.form.daterange = [obj.startTime, obj.endTime]
}
这是最简单的实现了，还有其他的方法也是可以，只要能实现我们的需求可以尽量尝试一些其他方式，在此就不一一列举了。
补充知识：vue中使用elementUI的下拉框（el-dropdown）添加点击事件无效的解决方案
你会发现，使用这种方式绑定事件是无效
正确方式 @click.native绑定点击事件
来源：https://blog.csdn.net/Calla_Lj/article/details/99431162
0
投稿猜你喜欢
本文实例讲述了Python3.6实现根据电影名称(支持电视剧名称)，获取下载链接的方法。分享给大家供大家参考，具体如下：做个笔记(pytho- 要将xian80地理坐标系转换成投影坐标系：xian1980 = """GEOGCS["GCS_Xi
- 前言相信在日常生活中，平常大家聚在一起总会聊聊天，特别是女生(有冒犯到doge)非常喜欢聊星座，这个男生什么星座呀，那个男生什么星座呀…今天
- 前言控制文件（control file）是一个相当小的文件（最多能增长到64M左右），其中包含Oracle需要的其他文件的一个目录。参数文件
- 微软的SQL Server 2005中用来替代数据传输服务(DTS)的SQL Server综合服务(SSIS)，包含了很多工具用于导入数据并
- 随着网站的内容的增多和用户访问量的增多，无可避免的是网站加载会越来越慢，受限于带宽和服务器同一时间的请求次数的限制，我们往往需要在此时对我们
- 本文实例讲述了python常见字符串处理函数与用法。分享给大家供大家参考，具体如下：1、find 作用：在一个较长字符串中查找子串。返回子串
- 起因 前几天去国图拍了一本书,一本心理学方面的书,也许你问我为什么不去买一本,或者去网上找pdf。 其实吧,关于心理学方面的书可以说在市面上
- Python用Pillow(PIL)进行简单的图像操作方法颜色与RGBA值计算机通常将图像表示为RGB值，或者再加上alpha值（通透度，透
- 想弄个截屏工具，整理一下学生错题什么的，原来用的方法是：先运行QQ，再监听键盘热键（“ctrl+alt+a”）。后来发现有些问题：需要先上Q
- 这两天学习了Vue.js 感觉条件渲染和列表渲染知识点挺多的，而且很重要，所以，今天添加一点小笔记。条件渲染v-if在 < templ
- 采集开始第一步是分析要采集的页面。使用浏览器打开要采集的页面（如:http://sports.sina.com.cn/k/2008-09-1
- 前端的小伙伴们在babel等的加持下，已经可以愉快的使用es6来写代码了。然后对于服务端的nodejs就有点坑爹了，虽然原生支持了es6，但
- 最近JETBRAINS发布了目前最受欢迎的python-web开发框架，可以看到最受欢迎的还是Django和Flask，那么本文就对上榜的1
- 笔者在学习pandas,在学习过程中总结了一下创建dataframe的方法，通过查阅资料总结遗下几种方法，如果你有其他的方法欢迎留言补充。练
- 本文实例为大家分享了pygame模块实现坦克大战游戏的具体代码，供大家参考，具体内容如下首先，第一步，游戏简单素材的准备。炮弹，炮弹，坦克移
- 代码：hello.py#!/usr/bin/python# coding: utf-8# hello.pydef application(e
- 你不可能随时备份数据，但你的数据丢失时，或者数据库目录中的文件损坏时， 你只能恢复已经备份的文件，而在这之后的插入或更新的数据，就无能为力了
- 一、CSRF：保护机制Django预防CSRF攻击的方法是在用户提交的表单中加入一个csrftoken的隐含值，这个值和服务器中保存的csr
- 在python自动化中，经常会遇到对数据文件的操作，比如添加多名员工，但是直接将员工数据写在python文件中，不但工作量大，要是以后再次遇
