回车到下一个输入框 vue + element ui实现

最新推荐文章于 2024-05-28 15:47:14 发布

爱养猫的木子

最新推荐文章于 2024-05-28 15:47:14 发布

阅读量2k

点赞数 1

文章标签： vue.js 前端

本文链接：https://blog.csdn.net/quiet_123/article/details/108227312

版权

本文介绍了如何在Vue.js项目中结合Element UI库，利用键盘事件监听回车键，实现在多个输入框之间的焦点切换，提升前端交互体验。

摘要由CSDN通过智能技术生成

<template>
  <div class="table-container">
    <el-form ref="formRef" :rules="rules" :model="formData" label-width="100px" class="from-box">
      <div class="title-info">基础信息</div>
      <el-row>
        <el-col>
          <el-form-item label="标题" size="small" prop="lost_and_found_title">
            <el-input v-model="formData.lost_and_found_title" ref="input1" @keyup.enter.native="handelTab(1,$event)"></el-input>
          </el-form-item>
        </el-col>
        <el-col>
          <el-form-item label="标题" size="small" prop="lost_and_found_title">
            <el-input
              v-model="formData.lost_and_found_titleq"
              ref="input2"
              @k