w3h5

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 初始化时会自动生成。 

赞 (14)
分享到: +More |

评论 沙发

换个身份