Vue -- element-ui el-input組件 回車刷新頁面問題


form內只有一個輸入框時,按回車會刷新頁面 && 如果input有回車事件回車也會刷新頁面

 <el-form ref="form" :inline="true" :model="form" label-width="100px">
   <el-input v-model="form.keyword" placeholder="篩選關鍵詞"  class="handle-input mr10" @keyup.enter.native="search"></el-input>
 </el-form>

阻止form的默認事件,即在form上加上這句話:@submit.native.prevent

 <el-form ref="form" :inline="true" :model="form" label-width="100px" @submit.native.prevent>
    <el-input v-model="form.keyword"  placeholder="篩選關鍵詞" class="handle-input mr10" @keyup.enter.native="search"></el-input>
 </el-form>

Element UI


免責聲明!

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



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