element-ui 阻止 表單輸入框搜索後自動刷新頁面

問題：

在<el-form></el-form>裏面只有一個el-input輸入框的情況下，初始加載後點擊搜索，會刷新頁面。

解決辦法：

在<el-form></el-form>標籤中添加 @submit.native.prevent

<el-form
   ref='tableForm'
   :model='tableForm'
   @submit.native.prevent
   >
   <el-form-item prop='search'>
     <el-input  ref="searchInput" placeholder='請輸入姓名' @keyup.enter.native="searchBtn('tableForm')"  v-model='tableForm.midValue'></el-input>
   </el-form-item>
  </el-form>

在<el-form></el-form>裏，有多個輸入框時，不會出現此情況

另：
如果想實現回車搜索， 在<el-input></el-input>標籤上，要添加 @keyup.enter.native 阻止vue默認事件。