uni-app uni-number-box 手动输入小数点光标定位异常

在 uni-app 中使用 uni-number-box 组件时，如果遇到手动输入小数点后光标定位异常的问题，通常是由于组件内部对输入值的处理逻辑不够完善导致的。我们可以通过自定义输入事件处理逻辑来修复这个问题。

以下是一个可能的解决方案，通过监听 input 事件，手动处理小数点输入的情况，并调整光标位置。请注意，这个解决方案假设你已经安装了 uni-app 并且正在使用 uni-number-box 组件。

首先，确保你的页面或组件中引入了 uni-number-box 组件：

<template>
  <view>
    <uni-number-box
      v-model="number"
      @input="handleInput"
      :decimal-places="2" <!-- 根据需要设置小数位数 -->
    />
  </view>
</template>

<script>
export default {
  data() {
    return {
      number: ''
    };
  },
  methods: {
    handleInput(event) {
      const inputValue = event.detail.value;
      const decimalPointIndex = inputValue.indexOf('.');
      const lastInputChar = inputValue[inputValue.length - 1];
      
      // 如果最后一个字符是小数点且之前没有小数点，则允许输入
      if (lastInputChar === '.' && decimalPointIndex === inputValue.length - 1) {
        this.number = inputValue;
        return;
      }

      // 修正光标位置（这里仅简单处理，根据实际需求可能需要更复杂的逻辑）
      let cursorPosition = this.$refs.numberBox.getCursorPosition(); // 假设有获取光标位置的方法
      if (decimalPointIndex !== -1 && lastInputChar !== '.' && cursorPosition > decimalPointIndex) {
        cursorPosition++; // 小数点后输入数字时，光标后移一位
      }

      // 更新值和光标位置（这里需要自行实现设置光标位置的方法）
      this.number = inputValue;
      // this.$refs.numberBox.setCursorPosition(cursorPosition); // 假设有设置光标位置的方法
    }
  }
};
</script>

注意：

1. getCursorPosition 和 setCursorPosition 方法是假设存在的方法，uni-number-box 组件本身可能不提供这些方法。如果 uni-number-box 没有提供获取和设置光标位置的方法，你可能需要寻找其他方式来实现光标位置的调整，例如通过原生 DOM 操作（在 Web 平台）或使用 uni-app 提供的 API（在 App 或小程序平台）。

2. 上述代码是一个基本示例，你可能需要根据具体需求进行调整，特别是关于光标位置的处理逻辑。

3. 考虑到跨平台兼容性，确保在 App、H5 和小程序等平台上进行充分的测试。