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