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

使用动态绑定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();
      }
    }
原文地址:https://www.cnblogs.com/enhengenhengNymph/p/14580601.html