antdesign表单中遇到的坑
2020-03-10 本文已影响0人
Jessiewu_e94b
antdesign Modal发现有个很鸡肋的功能,最开始以为是自己的代码有问题,仔细检查一番没发现,去官方文档看demo,发现同样的问题
就是如果Modal弹窗为可见的,按下enter会发现什么也没发生,似乎很正常,
但是关闭弹窗,轻按enter键,神奇的一幕出现了,弹窗居然再次出现了。
本次项目最终发布后是iframe嵌入其他系统的,偶然发现按下enter,页面会自动刷新,应该是其他系统监听了enter事件,然后刷新了页面,个人觉得不合理,这是外话。主要是测试发现当Modal弹窗打开,填写完唯一的邮箱输入框,按下enter,发现页面一片空白,(虽然很懵逼,但是猜到是IE兼容问题)后面带着不可思议的心情,定位问题,偶然发现Modal的这个问题。
另外,Modal内部有个Input填写邮箱输入框,当时没注意,在外面加了一个form,未添加action和submit事件,按照开发惯性,自测没发现问题,ST也OK。
但是到了UAT阶段,测试在输入邮箱后点击enter,这个时候form会把emai添加到当前路径,导致地址里面会多出?email=xxxx,所以这段路径在IE上出了问题,导致一片空白。
总结,form最好用antdesign里的组件,表单录入一定记得加上enter事件。