vue element小记

最新推荐文章于 2025-07-14 13:45:26 发布

原创最新推荐文章于 2025-07-14 13:45:26 发布 · 309 阅读

1 ·

CC 4.0 BY-SA版权

vue 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了解决表单中单个输入框按下回车导致自动提交的问题，提供了两种方法：增加隐藏输入框或使用JavaScript阻止默认行为。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

小问题集合

表单中有一个input框时，按回车会导致自动提交，页面重载
解决方法：
1. 多加一个输入框并隐藏；
2. 给输入框添加οnkeypress=”if(event.keyCode==13||event.which==13){return false;}”

     <el-form :model="changeNameform">
          <el-form-item label="新联系人：" :label-width="formLabelWidth">
            <el-input v-model="changeNameform.abbreviation" auto-complete="off" onkeypress="if(event.keyCode==13||event.which==13){return false;}">{{getMyUserInfo.Data.abbreviation}}</el-input>            
          </el-form-item>
        </el-form>