vue el-input使用回車鍵會刷新頁面

問題：vue項目中 在輸入框輸入字符並按下回車鍵搜索時，不會進行搜索， 而是會刷新頁面。

后來發現 只有頁面中只有一個input時 才會出現此問題，經查閱得知，是因為當form表單中只有一個input時，按下回車建會自動觸發頁面的提交功能， 所以會產生刷新頁面的行為

解決方法

在el-form中加入 

<el-form :inline="true" label-suffix="：" @submit.native.prevent>
      <el-form-item label="用戶名">
        <el-input v-model.trim="queryData.username" @keydown.enter.native="fetchData" clearable placeholder="請輸入用戶名"/>
      </el-form-item>
        ......
</el-form>

@submit: 表單提交
.native 綁定系統原生事件
.prevent 提交以后不刷新頁面