element ui 表单内input框回车导致界面刷新

原因

  当 el-form 表单内只有一个 el-input 输入框时,在输入框内回车就会触发表单的提交事件。并且该默认监听回车是keydown,导致自己设置的监听keyup失效。

解决办法

  在 el-form 上加上 @submit.native.prevent 属性就可以阻止回车提交事件

示例

    <el-form :model="queryData" @submit.native.prevent>
    ......
    </el-form>

  

posted @ 2021-08-17 10:37  假装空白  阅读(205)  评论(0编辑  收藏  举报