前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >lay-key引发的laydate闪现问题

lay-key引发的laydate闪现问题

作者头像
德顺
修改2019-11-13 10:58:58
1.6K0
修改2019-11-13 10:58:58
举报
文章被收录于专栏:前端资源前端资源

同事直接在控制台拷贝了之前网站的页面,测试时发现部分layui的时间控件出现闪现的问题。

问题描述:

  1. 鼠标单击,可以看到时间控件弹出,但是闪一下就消失了。
  2. 鼠标点/按住 input 框会显示时间控件,鼠标松开立马消失。
  3. 从其他页面返回该页面,时间控件又显示了。

效果如下:

lay-key引发的laydate闪现问题 经验总结 第1张
lay-key引发的laydate闪现问题 经验总结 第1张

出现该问题的原因是, layDate 初始化的时候会自动生成一个 lay-key="" 直接复制代码会把这个 lay-key 也一起复制过来,但是页面中如果有 lay-key 的值相同,就会发生冲突,造成上面的结果。

lay-key引发的laydate闪现问题 经验总结 第2张
lay-key引发的laydate闪现问题 经验总结 第2张

解决办法:

删除代码中的 lay-key 属性,laydate 初始化时会自动生成。 

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2018-08-14),如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档