使用 elementUI 的表單進行查詢,表單中只有一個文本框時,回車會自動觸發表單的提交事件,導致頁面的刷新。


使用elementUI的el-form組件進行查詢時,當輸入框僅有一項時,回車自動提交表單,瀏覽器會刷新頁面

原因:由於當表單只有一個文本框時,按下回車將會觸發表單的提交事件, 從而導致頁面刷新。

1 <el-form :inline="true" :model="getForm" class="demo-form-inline">
2    <el-form-item label="科目名稱">
3       <el-input v-model.trim="getForm.exam_name" @keyup.enter.native="search"></el-input> 
4   </el-form-item>
5 </el-form>

解決方案:在  el-from 加上 @submit.native.prevent

1 <el-form :inline="true" :model="getForm" class="demo-form-inline" @submit.native.prevent>
2    <el-form-item label="科目名稱">
3        <el-input v-model.trim="getForm.exam_name" @keyup.enter.native="search"></el-input> 
4   </el-form-item>
5</el-form>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM