element-ui中搜索框回車刷新頁面問題的解決方法


使用ElementUI開發過程中,發現使用了搜索文本框的話,當編輯的光標在搜索框中點擊回車鍵會引發頁面刷新的問題,可以通過在el-form標簽添加@submit.native.prevent屬性解決。

<el-from @submit.native.prevent>
  <el-input>
    <el-button></el-button>
  </el-input>
</el-from>

開發的時候使用搜索框要注意添加上這個屬性就可以了,這個解決方案和原始HTML的解決方案是一致的,都是阻止了form表單中button點擊后的自動刷新表單特性。

 

"幸福是漫漫長夜里有人陪你說話,晚燈不滅有人等你回家。"


免責聲明!

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



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