layer open弹层页面层 laydate 日期控件点击一闪消失的解决方法

深藏阁楼爱情的钟 2023-10-05 14:44 9阅读 0赞

bug症状：点击选择日期，弹出的框会一闪而逝，但是窗口切换回来自己又出来了。参考网上的说法添加trigger: ‘click’ 直接没任何反应了。

如果你的现象跟我的一样，那么解决方案如下：

父页面定义弹层内容不能用如下这种方式：

应该使用以下方式

效果如下：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3doNDQ1MzA2_size_16_color_FFFFFF_t_70][]

网上还有几种说法：

**删除：lay-key解决问题**

**添加：trigger: ‘click’ 属性解决问题**

我遇到的则都不是。加了trigger: ‘click’ 属性后连一闪的机会都没有了。直接完全无任何反应。

另外说一下：

之前layer.open 都是用的type: 2，也就是iframe层，正常的一批，但是遇到一个问题，就是iframe弹层必须要单独的html文件。前后端分离的系统。当编辑或新增用户的时候。iframe层创建成功后必须要异步ajax请求各种select多选框的内容并初始化。这样在父页面编辑时，在弹层success事件中给弹层元素赋值时会发现数据并没加载。select元素的内容又不好写死，因为太多。所以才考虑使用页面层。type:1,

综合：正常情况下条件允许，建议全部使用iframe弹层吧。简单省事，而且直观，没有任何问题。

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3doNDQ1MzA2_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20201129202728861.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3doNDQ1MzA2,size_16,color_FFFFFF,t_70