页面点击回车触发页面刷新问题

参考文章:https://blog.51cto.com/u_10980859/5303130?u_atoken=aba0bc18-43ff-4349-b676-b8a1e5b29c2e&u_asession=01fmlLWWsE8uPTlxgIJuoUk2B0SwJ4Bzp6E4HkFcLSeidQ6etlS8KZMywy6rp-R6meX0KNBwm7Lovlpxjd_P_q4JsKWYrT3W_NKPr8w6oU7K8pHOQcVHxses7Sp6rNk-AO_e8itwLwPGri0YNWqFmasWBkFo3NEHBv0PZUm6pbxQU&u_asig=05DXtJx0MBnPXeyXNVIQ2lAtemf2TPion9jx5u66rLY7BggY1We6h-bUz76TG25HPJMOKpvzyjU6mkiLNDo2EXGJ2HtKQdd8CtPItWGBDL6akgC_iQlkCnHTDFwUJgfxqv_AXAuvAY1snmsU91lPsMOYNCGrnHy810Fcvyg9K99sj9JS7q8ZD7Xtz2Ly-b0kmuyAKRFSVJkkdwVUnyHAIJzcL5NO2ahDzITOwUnzl3Sn3hc9MZ9qt2fX3tfAIrsdBPUvzwTviPUplPfX4MmTQ4bu3h9VXwMyh6PgyDIVSG1W_VXNO7_SaVjDDNMJ6FtzC_J2WtvUNG7x_AWHziMPYnF0696OAo65IUGa1PZXfJ2tjadsTL94Jd1hJcgjm5CZS5mWspDxyAEEo4kbsryBKb9Q&u_aref=m8DIl0WUNHagGXcFKNVtpewrxBE%3D

**问题:**页面点击了回车之后触发有些页面刷新,同一个组件的情况下只有某些页面会触发,就很奇怪,排查了很久都解决不了

解决方法:
在form表单里再加一个input,*
“在一个 form 表单中,若只有一个 input,按回车键表单会自动提交,但是当表单中存在多个 input 时,按回车键不会执行任何操作,这是 form 表单的一个特性*
如果一个 input 会自动提交,那么比较容易想到的是再加一个 input。值得注意的是 这里的 input 不能设置 type 为 hidden,这样一样是不生效的,form 一样会认为只有一个 input。需要设置成 : <input type="text" class="form-control" style="display:none" >

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值