美文网首页
antdesign表单中遇到的坑

antdesign表单中遇到的坑

作者: Jessiewu_e94b | 来源:发表于2020-03-10 19:43 被阅读0次

    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事件。

    相关文章

      网友评论

          本文标题:antdesign表单中遇到的坑

          本文链接:https://www.haomeiwen.com/subject/dkvgdhtx.html