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点击后的自动刷新表单特性。

"幸福是漫漫长夜里有人陪你说话,晚灯不灭有人等你回家。"

原文地址:https://www.cnblogs.com/yanggb/p/12360399.html