解决iView中InpuNuber限定小数位时，输入光标经常后移的问题

最新推荐文章于 2024-12-31 14:22:24 发布

原创最新推荐文章于 2024-12-31 14:22:24 发布 · 1k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#iview

java 专栏收录该内容

5 篇文章

订阅专栏

博客聚焦于解决iView中InputNumber组件问题。设置precision精度后，输入时自动填充使光标后移，影响体验。如输入1.22，会出现输入1就变为1.00的情况，期待能直接输入目标数值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

解决iView中InpuNuber限定小数位时，输入光标经常后移的问题

问题场景：
InputNumber组件在设置precision精度后，每次输入都会自动填充导致光标后移，影响输入体验。
<InputNumber :precision="2" :min="0.01" style="width:100%" v-model="value"/>
1
期待效果：
如输入1.22就直接输入而不是出现输入1，变为1.00的情况。

  <InputNumber
      :max="10000"
      :precision="2"
      v-model="value9"
      :formatter="formatter"
      :parser="parser"
    ></InputNumber>


methods:{
      formatter(value){
        if(value.indexOf('.')!==-1){
          let arr = value.split('.')
          if(arr[1]==='00'){
            return arr[0]
          }
        }
        return value
      },
      parse(value){
        return value
      }
    }