el-form 回车刷新的问题

发布时间:2024年01月23日

背景:给表单添加回车提交功能

<el-form
      :model="model"
      :inline="!isNormalForm"
      v-bind="_options"
      ref="formRef"
      :class="formClass"
      @keydown.enter="onSubmit(formRef)"
    >

一开始是加了最后一行即可完成功能,但在后面开发过程中,发现有的表单回车界面会刷新一下,有的不会,相同的东西,怎么就有的会有的不会,后面发现会的都是只有一个表单项的情况会出现。这个就挺坑,你要么全部都会,要么全部会不会,搞个只有一个表单项的时候会,这个一时半会想不到这种内置逻辑。

解决办法:

加上?@submit.prevent

<el-form
      :model="model"
      :inline="!isNormalForm"
      v-bind="_options"
      ref="formRef"
      :class="formClass"
      @submit.prevent
      @keydown.enter="onSubmit(formRef)"
    >

阻止默认提交事件

文章来源:https://blog.csdn.net/hongkid/article/details/135766984
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。