四海网络网站建设定制,做公司的网站的需求有哪些内容,wordpress优化搜索引擎,dedecms织梦搬家公司网站模板前言#xff1a;iframe引入界面有el-date-picker日期框#xff0c;点击出现闪退问题处理。问题情况#xff1a;点击开始日期的输入部分#xff0c;会出现闪退情况#xff0c;该组件是iframe调用的内容问题分析#xff1a;事件冒泡#xff0c;点击与聚焦的时候#xff0…
前言 iframe引入界面有el-date-picker日期框点击出现闪退问题处理。
问题情况
点击开始日期的输入部分会出现闪退情况该组件是iframe调用的内容
问题分析
事件冒泡点击与聚焦的时候事件发送出去了。
问题解决方法1、尝试解决冒泡方法未成功
el-date-pickerchange.native.stopchangeDateTimeFun($event, $index)focus.native.stophandlePickerClick($event)click.native.stophandlePickerClick($event)...handlePickerClick(event) {event.stopPropagation();
}, 2、css样式解决问题
这里在总结规律中发现点击中间的 - 与最右边的图标是不影响正常功能最右边有个删除的图标所以宽度不能是100%给删除图标留空间
解决办法
template slotrange-separatordiv classmrTimeText-/divdiv classcustomTimeClickDom /div
/template
.timePicker{width:314px;position: relative;.mrTimeText{color:#1F1F1F;padding:0 10px;}.customTimeClickDom{width:90%;height: 100%;position: absolute;left:0;top: 0;z-index: 100;}}
