Element UI 中el-input 框回车触发页面刷新页面问题

今天做了一个小小的功能,就是基于elementUi框架的一个输入框,需要监听输入框的回车事件,然后调取接口 结果发现,回车时,整个页面会刷新。
百度后发现:问题出在:当el-form表单中只有一个el-input时才会出现回车页面刷新的问题
解决方案就是
1、el-form添加@submit.native.prevent即可阻止表单提交的默认行为。
2、可以在这个input 的下面在绑定一个不显示的input 标签隐藏起来,绑定一个没有使用的form的属性

版权声明:
作者:tianya
链接:https://tya.zone/p/78.html
来源:天涯博客
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
海报
Element UI 中el-input 框回车触发页面刷新页面问题
今天做了一个小小的功能,就是基于elementUi框架的一个输入框,需要监听输入框的回车事件,然后调取接口 结果发现,回车时,整个页面会刷新。 百度后发现:问……
<<上一篇
下一篇>>