lay-key引发的laydate闪现问题

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

问题描述:

  1. 鼠标单击,可以看到时间控件弹出,但是闪一下就消失了。

  2. 鼠标点/按住 input 框会显示时间控件,鼠标松开立马消失。

  3. 从其他页面返回该页面,时间控件又显示了。

效果如下:

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

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

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

解决办法:

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

未经允许不得转载:Web前端开发资源网 - w3h5 » lay-key引发的laydate闪现问题

推荐阅读:

PhpStorm表单提交时获取不到post数据的解决方法

Vue.js学习笔记——事件监听

解决margin击穿的几种方法

HTML img src图片路径不存在,则显示一张默认图片的方法

分享一些实用的Chrome DevTools技巧

赞 (18)
分享到: +

评论 沙发

Avatar

换个身份

  • 昵称 (必填)
  • 邮箱 (选填)