赋料扬雄敌,诗看子建亲。这篇文章主要讲述小程序输入框完成自动切换到下个输入框相关的知识,希望能为你提供帮助。
先看图
<
view class="w-80 h-100 rad-10 b-a-9 tc f-50" v-for="(item,index)in 6">
<
input class="w-80 h-100 " maxlength="1" type="text"@input="inputListener(index)":focus="focus &
&
(focusIndex == index)"/>
<
/view>
data()
return
focus: true,
code:[,,,,,],// 需要获取焦点的序号
focusIndex: 0
method:
// 输入时事件
inputListener(e)
if (this.focusIndex != e)this.focusIndex=e
if (e <
6)
this.focus=true,
this.focusIndex=e + 1
else
this.focus=false
,
即可实现功能
【小程序输入框完成自动切换到下个输入框】
推荐阅读
- JAVA经典面试题附答案(持续更新版)
- vue - ES6模块化promisewebpack打包(所在在学的朋友们先看这篇,看了不吃亏)...
- 面试官(说一下MySQL事务隔离级别())
- 2022 年我们最喜欢的 Chrome 扩展程序
- 多线程 如何自己实现定时器
- 自然语言处理(NLP)(24基于文本语义的智能问答系统)
- 硬件开发笔记: 硬件开发基本流程,制作一个USB转RS232的模块(创建基础DIP元器件(晶振)封装并关联原理图元器件)
- How to Install & Configure VNC Server on Ubuntu 22.04 or 20.04
- 防火墙基础之流量管理与控制