vue+element里实现回车键聚焦input

最新推荐文章于 2023-06-13 10:50:31 发布

今天拔牙么

最新推荐文章于 2023-06-13 10:50:31 发布

阅读量577

点赞数

分类专栏：前端文章标签：前端 vue elementui

本文链接：https://blog.youkuaiyun.com/weixin_48271592/article/details/118050185

版权

本文介绍如何在Vue+Element的项目中，通过监听键盘回车事件实现输入框的聚焦。示例代码展示了解决方案，同时提到tab键也能方便地达到相同效果。

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

vue+element里实现回车键聚焦input

话不多说先看效果图，然后直接上代码

这是HTML

  <el-form
            :model="ruleForm"
            label-position="left"
            :rules="rules"
            ref="ruleForm"
            label-width="120px"
            class="demo-ruleForm"
          >
            <el-form-item label="业主姓名" prop="name">
              <el-input v-model="ruleForm.name" ref="input1" @keyup.enter.native="handelTab(1,$event)" ></el-input>
            </el-form-item>
            <el-form-item label="法人姓名" prop=