Vue在ElementUI下的input输入框中按下“点”按键自动跳转(聚焦)下一个输入框

我是根据class去获取节点,因为elementUI会对input进行多一层的渲染,所以我们在获取到当前div节点之后还要去里面找到对应的input节点

这里是template

<el-input
  @input="focusNextInput(0);"
  class="class1"
  v-model.number="first"
></el-input>

<el-input
  @input="focusNextInput(1);"
  class="class1"
  v-model.number="first"
></el-input>

这里是methods

 focusNextInput(number) {
   if (window.event.data == ".") {
     let inputArray = document.getElementsByClassName("class1" );  //通过class去获取
     let nextInput = inputArray[number + 1].childNodes;
      //去打印nextInput就会发行我们要的节点在第二个,所以去取nextInput[1]
     nextInput[1].focus();
   }
 },
发布了112 篇原创文章 · 获赞 33 · 访问量 4万+

猜你喜欢

转载自blog.csdn.net/qq_40282732/article/details/105078198
今日推荐