问题描述:如下代码所示,使用element-ui 中的el-form组件对table进行条件查询,当查询条件仅有一项时,使用@keyup.enter.native事件绑定回车事件,出现点击回车后,浏览器会刷新页面的问题;
查询
搜索了问题触发原因,是由于当表单只有一个文本框时,按下回车将会触发表单的提交事件, 导致页面的刷新。
解决方案一:加一个隐藏的文本框,即表单不只有一个文本框,如下:
查询
element官方解决方案:在el-from 加上 @submit.native.prevent
查询
以上两种方案均可解决。