uni-app 实现表单项“下一项”
本文发布于 6 年前，部分内容可能已经失去参考价值。
uni-app 的 input，当 type = "text" 时，设置 confirm-type = "next" 可以提供键盘的“下一项”，通过 @confirm 触发设置下一个文本框的焦点，即可实现只操作键盘即可完成表单填写。
我们以从 a 组件跳转到 b 组件为例：
<input v-model="a" type="text" confirm-type="next" @confirm="moveNext('b')" />uni-app 的组件只有属性和事件，不提供方法，那么我们只能设置提供了 focus 属性的组件的焦点。
<input v-model="b" :focus="focusList['b']" />moveNext() 方法实现：
moveNext(dom){
this.focusList[dom] = true;
}当然 focusList 必须先定义并初始化，否则设置 focus 为 true 将失效：
data() {
return {
a: '',
b: '',
focusList: {
b: false
}
}
}几个注意点：
confirm-type = "next" 仅支持微信小程序
“下一项”按钮效果是一次性的，使用一次后再次在 a 上触摸“下一项”将不再跳转到 b，即使在 moveNext() 中先设置为 false 再设置为 true 也没用
其它组件也可以通过自带的方法实现跳转到带 focus 属性的组件（如在 picker 的 @change 中设置 this.focusList['b'] = true）
限制于 confirm-type = "next" 只当 type = "text" 时有效，因此非文本键盘（如数字键盘）就不能提供“下一项”功能
textarea 组件的右下角始终是“换行”，由其右上角的“完成”按钮来实现“下一项”功能
textarea 组件在“下一项”跳转过程中，组件可能会被 tabBar 遮挡（几率很大）
可能相关的内容
