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

限制输入两位小数

作者: 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