前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >form表单中只有一个input时,回车触发页面刷新问题

form表单中只有一个input时,回车触发页面刷新问题

原创
作者头像
小僧
修改2020-09-17 11:00:49
1.3K0
修改2020-09-17 11:00:49

最近业务开发,被测试测出来一个问题,心累。

当 form 中只有一个 input 时回车时,会自动提交表单,这是浏览器的默认行为。

开发背景:vue+iview

解决方法:

1、在 Input 上加 @keydown.native.enter.prevent

如果需要回车执行某个事件:加 @keydown.native.enter.prevent ="test"

2、在 Form 上加 @submit.native.prevent

如果需要回车执行某个事件:加 @submit.native.prevent ="test"

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档