vue3中使用输入框按回车键刷新页面问题

vue3使用输入框按回车键刷新页面问题

问题描述：当只使用一个输入框，按回车键页面会自动提交并刷新页面，使用多个输入框不会出现这个问题

解决方法：禁用浏览器的表单默认提交行为

vue3 解决思路：使用事件修饰符 .prevent
@submit.prevent = "()=>{}"

jsx 需要使用 withModifiers

onSubmit={ withModifiers(()=>{}, ['prevent']) }