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

2020-09-17 11:00:49 浏览数 (1)

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

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

开发背景:vue iview

解决方法:

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

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

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

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

0 人点赞