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

 

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