vue3 el-form中只有一个表单时，按回车键刷新页面

当表单中只有一个input，按回车默认是执行提交表单事件，如果是多个input不会出现这个问题，怀疑是一个bug

在el-form上加@submit.native.prevent阻止默认事件。如果需要回车查询数据，给el-input加
@keyup.enter.native="queryInfo"属性，其中queryInfo是查询数据的函数。

<el-form ref="form" :model="form" size="mini" :inline="true" @submit.native.prevent>
   <el-form-item>
      <el-input v-model="form.projectName" @keyup.enter.native="queryInfo">el-input>
   el-form-item>
el-form>

此外，如果需要回车查询数据，也可以在el-form加上@keyup.enter="queryInfo"，效果是一样的

<el-form ref="form"
 :model="form" 
 size="mini" 
 :inline="true" 
 @keyup.enter="queryInfo"
 @submit.native.prevent>
   <el-form-item>
      <el-input v-model="form.projectName" >el-input>
   el-form-item>
el-form>

原文：https://blog.csdn.net/qq_40544434/article/details/115512320