VUE 防止enter回车刷新页面
1. 概述
1.1 说明
在表单中,在input输入框中输入内容后进行回车操作,会直接整个页面进行刷新;此问题因为是input回车操作时直接进行了表单提交操作(回车导致form表单提交),若想不进行页面刷新,则需组织表单提交操作。
2. 代码
2.1 表单代码
2.2 代码功能
表单阻止提交操作:@submit.native.prevent
输入框中enter回车操作:@keyup.enter.native="handleSubmit"
在表单中,在input输入框中输入内容后进行回车操作,会直接整个页面进行刷新;此问题因为是input回车操作时直接进行了表单提交操作(回车导致form表单提交),若想不进行页面刷新,则需组织表单提交操作。
表单阻止提交操作:@submit.native.prevent
输入框中enter回车操作:@keyup.enter.native="handleSubmit"