回车聚焦到下一个输入框

<el-form-item prop="userName">
            <el-input
              clearable
              placeholder="用户名"
              prefix-icon="el-icon-user"
              v-model="loginForm.userName"
              ref="input1"
              @keyup.enter.native="handleJump(1,$event)"
            ></el-input>
          </el-form-item>
          <el-form-item prop="password">
            <el-input
              show-password
              placeholder="密码"
              clearable
              prefix-icon="el-icon-lock"
              v-model="loginForm.password"
              ref="input2"
              @keyup.enter.native="loginBtn"
            ></el-input>
          </el-form-item>

handleJump(i,e) {
      let that = this;
      //判断是否还有下一行输入框，没有就不跳了
      if(that.$refs['input'+1]){
        that.$nextTick(()=>{
          e.target.blur();
          let index = i+1;
          that.$refs["input"+index].focus()
        })
      }
    }

原生dom上也是有一些方法的，进行一些操作的时候其实在调用的就是这些方法。

你之所见全是代码