form表单回车提交查询多个问号

最近测试提交了一份报告,当回车的时候页面刷新,并且导航栏多出个问号。

找遍自己写的代码仍然没有找到问题,因为我本身对enter键也进行了处理的。
代码如下

<el-form :inline="true" class="searchForms searchCommon" @submit.native.prevent>    
    <el-form-item label="关键字" class="keyword">
      <el-input v-model="keyword" clearable placeholder="输入编号或名称" style="width: 140px;" @keyup.enter.native="handelEnter"></el-input>
    </el-form-item>
    <el-form-item>
      <el-button type="primary" icon="search" :loading="isQuery" @click="searchHandler">查询</el-button>
    </el-form-item>
  </el-form>

最后发现一个结论。所以我们需要对原生的form表单提交进行处理,@submit.native.prevent

结论:当表单中只有一个input输入元素时,点击enter键,form表单会自动提交。