layui是一套非常适合搭建后台管理的UI框架,界面美观度非常高,且非常好用。但是在用的过程中发现了一些小坑,这个给大家分享下!
如下图:点击父页面按钮,弹出框,在弹出框内输入完信息后,父页面内的数据需要主动刷新下;
这里需要注意,由于使用框架本身的form监听提交事件,所以在提交成功后子页面会默认刷新下。导致用户体验很不好;
解决方法:在form.on时间中增加return false,防止刷新;
具体代码:
一定要将return false 放到如图这个位置(我用的ajax提交,刚开始在判断成功后将return false放入了ajax中,导致一直刷新);
在提交成功后刷新父级页面:
加入parent.location.reload();