当前位置: 首页 > news >正文

iframe引入界面有el-date-picker日期框,点击出现闪退问题处理 - 详解

前言:

        iframe引入界面有el-date-picker日期框,点击出现闪退问题处理。

问题情况:

点击开始日期的输入部分,会出现闪退情况,该组件是iframe调用的内容

问题分析:

事件冒泡,点击与聚焦的时候,事件发送出去了。

问题解决方法:

1、尝试解决冒泡方法,未成功

2、css样式解决问题

这里在总结规律中发现,点击中间的 - 与最右边的图标是不影响正常功能,最右边有个删除的图标,所以宽度不能是100%,给删除图标留空间

解决办法:
-
.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;
}
}

http://www.gsyq.cn/news/10642.html

相关文章:

  • 阿德勒的课题分离是很好用的东西
  • macos ld: unsupported tapi file type !tapi-tbd in YAML file 问题解决
  • 【GitHub每日速递 250924】18 个 AI 投资大师齐上阵!这个开源对冲基金让你看透市场底牌
  • 2025年国家科技奖初评公布(科技进步奖)
  • 2025年国家科技奖初评公布(科技发明奖)
  • 2025年国家科技奖初评公布(自然科学奖)
  • JAX快速上手:从NumPy到GPU加速的Python高性能计算库入门教程
  • 记录一次附加属性失效全过程
  • Day07-C:\Users\Lenovo\Desktop\note\code\JavaSE\Basic\src\com\David\method-Demo041比较难
  • 一例电动车充电器防反接电路分析
  • NetCore+Web客户端实现gRPC实时推送
  • 个人项目作业
  • 软工第二次作业--王腾
  • 第5章:路由(Routing)与直连交换机(Direct Exchange)
  • 搜索百科(4):OpenSearch — 开源搜索的新选择
  • 反码 原码 补码
  • lc1034-边界着色
  • ISO 26262的不同安全等级:ASIL-D ASIL-C ASIL-B ASIL-A
  • Gemini-2.5-Flash-Image-Preview 与 GPT-4o 图像生成能力技术差异解析​ - 教程
  • 鸿蒙ArkTS Canvas实战:转盘抽奖程序开发教程(基础到进阶) - 指南
  • 新学期每日总结(第2天)
  • US$128 Yanhua Mini ACDP Module6 MQB/MMC Instrument with Adapters
  • 9.23总结
  • VSCode C/C++ 开发环境配置
  • 补whk时的鲜花(持续更新)
  • newDay02
  • 代码随想录算法训练营第七天 | leetcode 454 383 15 18
  • etcd压测造成数据目录过大恢复 - 指南
  • springboot与vue中webSocket前后端连接障碍
  • 2025.9.23总结 - A