美文网首页
限制输入两位小数

限制输入两位小数

作者: w_小伍 | 来源:发表于2022-11-25 14:37 被阅读0次
<van-field
          v-model="amount"
          type="number"
          @input="onkeyup"
          label-width="40"
          label="¥"
        />
onkeyup(value) {
    // $nextTick解决值变了但是视图没变
    this.$nextTick(() => {
      value = value.replace(/\.{2,}/g, '.') //只保留第一个. 清除多余的
      value = value.replace('.', '$#$').replace(/\./g, '').replace('$#$', '.')
      value = value.replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3') //只能输入两个小数
      if (value.indexOf('.') < 0 && value != '') {
        //以上已经过滤,此处控制的是如果没有小数点,首位不能为类似于 01、02的金额
        value = parseFloat(value)
      }
      this.amount = value
    })
  }

相关文章

网友评论

      本文标题:限制输入两位小数

      本文链接:https://www.haomeiwen.com/subject/uihxfdtx.html