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

最新推荐文章于 2024-09-05 09:19:52 发布

琴岛橙子

最新推荐文章于 2024-09-05 09:19:52 发布

阅读量995

点赞数

分类专栏： java 文章标签： iview

本文链接：https://blog.youkuaiyun.com/lvzhyt/article/details/90345173

版权

java 专栏收录该内容

5 篇文章

订阅专栏

解决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
      }
    }