element表单input回车刷新页面问题

1、问题:当element表单里面只有一个input的时候回车会刷新页面

2、原因:当el-form表单里面只有一个input时,回车会触发表单提交的默认事件

3、解决:阻止表单提交的默认事件

在表单处加上@submit.native.prevent

    <el-form
        class="main_header"
        :inline="true"
        :model="formModel"
        size="mini"
        slot="form"
        ref="commonForm"
        @submit.native.prevent
        @keyup.enter.native="query()"
    >
...
    </el-form>

 

posted @ 2022-06-24 17:10  Pavetr  阅读(404)  评论(0编辑  收藏  举报