element from 实现input输入框回车键跳入下一行,自动获取焦点element table 实现input输入框回车键跳入下一行,自动获取焦点

摘要:
让当前索引+1获得下一个输入的ID。然后使用这个$refs获取基于此ID的输入。使用focus<ref='itemD.id'autocomplete=“off”@keydown.native=“validateCounts(itemD,disabled=“itemD.i_success==1”>

使用动态绑定ref  this.$refs获取的是一个所有id组成的对象。

使用Object.keys(this.$refs) //遍历这个对象,返回的是一个包含所有id组成的一个数组,让当前的index+1获取到下一个input的id.

再根据这个id 使用this.$refs获取到这个input 使用focus

                <el-input v-model.number="itemD.i_to_data"
                  :ref='itemD.id'
                  autocomplete="off"
                  @keydown.native="validateCounts(itemD,index, $event)"
                 placeholder="今日数据" :disabled="itemD.i_success==1"></el-input>
    validateCounts(row,index, e) {
      console.log(this.$refs[row.id],'-----blur获取不到【0】------huic')
      var keyCode = e.keyCode || e.which || e.charCode;
      if(keyCode=== 13) {
        this.$refs[row.id][0].blur()
        if(Object.keys(this.$refs).length-1 === index) {
            index = -1
        }
        this.$refs[Object.keys(this.$refs)[index + 1]][0].focus();
      }
    }

免责声明:文章转载自《element from 实现input输入框回车键跳入下一行,自动获取焦点element table 实现input输入框回车键跳入下一行,自动获取焦点》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇G2使用中的一些坑:自定义图例、混合图形、label 默认隐藏等问题vue项目在移动端(手机)调试下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

升级IDEA后Lombok不能用了,如何解决?

今天到工作室比较晚,在电脑前吃着早饭,看到提示IDEA提示升级,寻思已经有好久没有升过级了。一样等着,就升级下吧。 升级完毕重启之后,突然发现好多错误,原来的应用也没法启动了。仔细一看报错信息,是由于Lombok相关的注解似乎都没有生效。 比如:用到@Slf4j的类里,会有类似这样的报错: java: 找不到符号 符号: 变量 log 位置:...

iframe用法总结

<p><iframe>是框架的一种形式,也比较常用到。 </p><div class="blogstory"><p><span style="font-size:18px;"><span style="color:#0000ff;"><span style="font...

Disruptor 详解

想了解一个项目,最好的办法就是,把它的源码搞到本地自己捣鼓。   在网上看了 N 多人对 Disruptor 速度的吹捧,M 多人对它的机制分析,就连 Disruptor 官方文档中,也 NB 哄哄自诩: At LMAX we have built an order matching engine, real-time risk management, a...

stm32——NFC芯片--PN532的使用

stm32——NFC芯片--PN532的使用一、NFC简介   NFC(Near Field Communication)近场通信,是一种短距高频的无线电技术,在13.56MHz频率运行于20厘米距离内。其传输速度有106Kbit/秒、212Kbit/秒或者424Kbit/秒三种。目前近场通信已通过成为ISO/IEC IS 18092国际标准、ECMA-3...

MongoDB副本集提高读写速率

一、提高副本集写的速率 1、通过设置Write Concern for Replica Sets¶ cfg = rs.conf()##cfg.settings.getLastErrorDefaults = { w: "majority", wtimeout: 5000 } cfg.settings.getLastErrorDefaults ={w:1}r...

JavaScript常用方法(转载)

只能是写限定的东西 代码如下:   只能是中文 <input onkeyup="value=value.replace(/[ -~]/g,'')" onkeydown="if(event.keyCode==13)event.keyCode=9">   只能是英文和数字.屏蔽了输入法 <input onkeydown="if(event....