Vue在ElementUI下的input输入框中按下“点”按键自动跳转(聚焦)下一个输入框
我是根据class去获取节点,因为elementUI会对input进行多一层的渲染,所以我们在获取到当前div节点之后还要去里面找到对应的input节点这里是template<el-input@input="focusNextInput(0);"class="class1"v-model.number="first"></el-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();
}
},
更多推荐
已为社区贡献20条内容
所有评论(0)