看看这个能不能帮到你。

在线预览 https://qaqxiyangyang.github.io/autoFocusInput/dist/

GitHub https://github.com/QAQXiYangYang/autoFocusInput

我是这样处理的。可以参考一下

wxml：

  <view class="input-row">
    <input wx:for="{{inputList}}" bindinput="_handleInput" data-index="{{index}}" class="input-num" type="number"
      focus="{{item.focus}}" value="{{item.value}}" maxlength="1" />
  </view>

js：

// 输入控制

   data: {
    inputList: [{
                value: "",
                focus: true,
              },
              {
                value: "",
                focus: false,
              },
              {
                value: "",
                focus: false,
              },
              {
                value: "",
                focus: false,
              },
            ]
  }, 
   _handleInput(e) {
      const {
        inputList
      } = this.data
      const {
        value
      } = e.detail
      const {
        index
      } = e.currentTarget.dataset
      if (value.length === 1) {
        const nextIndex = index + 1
        inputList.forEach((item, innerIndex) => {
          item.focus = nextIndex === innerIndex
        })
        this.setData({
          inputList
        })
      }
      inputList[index].value = value
      this.setData({
        inputList
      })
    }

有完整的吗

你好，怎么做的能否发一下，

原生这样做会有问题

你需要准备给所有输入框一个focus属性（控制焦点失去和获取），以及input输入监听。这些数据可以用数组存取。 类似： [{value: "",focus: true},{value: "",focus: false},{value: "",focus: false},... ] 当第一个input执行，判断value.length为1时，就设置当前输入框的focus为false,下一个输入框focus为true。大致思路上是这样。

设置input的focus属性