问题点

在使用el-form inline时，里面有输入框，使用回车会导致表单默认提交事件触发，页面重新刷新

解决

使用 @submit.native.prevent去阻止表单的默认提交事件

说明

.native 表示对一个组件绑定系统原生事件 .prevent 表示提交以后不刷新页面

代码示例

<template>
  <div class="home">
      <div id="nav">
        <el-form @submit.native.prevent>
          <el-input v-model="inputVal" @keyup.enter.native="showFun"></el-input>
        </el-form>
      </div>
  </div>
</template>
<script>
export default {
  data(){
      return{
        inputVal:''
      }
    },
  methods:{
    showFun(){
      console.log(1,this.inputVal);
    }
  }
}
</script>
<style>

</style>