element ui 表单内input框回车导致界面刷新
原因
当 el-form 表单内只有一个 el-input 输入框时,在输入框内回车就会触发表单的提交事件。并且该默认监听回车是keydown,导致自己设置的监听keyup失效。
解决办法
在 el-form 上加上 @submit.native.prevent 属性就可以阻止回车提交事件
示例
<el-form :model="queryData" @submit.native.prevent> ...... </el-form>