为了账号安全,请及时绑定邮箱和手机立即绑定

如图,element-ui回车提交绑定无效,如何解决

如图,element-ui回车提交绑定无效,如何解决

侃侃无极 2019-03-12 14:15:07
如图,我给el-form帮一个回车提交执行某方法,@keyup.enter.native写在el-form上。我之前用过element-ui就是写在el-form上的。我看到网上查的人家也说@keyup.enter.native就可以了。这次写这里或者写el-input或者写在el-button上都不管用。回车一直是刷新页面,跟普通的表单提交一样的 。有没有人遇到过,改如何解决?
查看完整描述

2 回答

?
喵喵时光机

TA贡献1846条经验 获得超7个赞

W3C 标准中有如下规定:

When there is only one single-line text input field in a form, the user agent should accept Enter in that field as a request to submit the form.

即:当一个 form 元素中只有一个输入框时,在该输入框中按下回车应提交该表单。如果希望阻止这一默认行为,可以在 <el-form> 标签上添加 @submit.native.prevent。


查看完整回答
反对 回复 2019-04-04
?
qq_笑_17

TA贡献1818条经验 获得超7个赞

应该是出发了form原生的submit导致的刷新页面吧。return false就是避免执行form原生的submit


查看完整回答
反对 回复 2019-04-04
  • 2 回答
  • 0 关注
  • 2064 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号