美文网首页
Vue el-input 保留两位小数

Vue el-input 保留两位小数

作者: FlowYourHeart | 来源:发表于2022-02-28 11:17 被阅读0次

网上一搜,一片一片的资料,可是有效的往往很少,可能是因为自己没搞懂吧

el-input

<el-input 
    v-model="modelValue" 
    type="text"
    min="0"
    :change="checkValue()"
>
</el-input>

...

* methods *

  checkValue(){
    var value = '' + this.modelValue.toString();
    value = value
        .replace(/[^\d.]/g, '') // 清除“数字”和“.”以外的字符
        .replace(/\.{2,}/g, '.') // 只保留第一个. 清除多余的
        .replace(/^\./g, '')    //保证第一个为数字而不是.
        .replace('.', '$#$')
        .replace(/\./g, '')
        .replace('$#$', '.')
        .replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3'); // 只能输入两个小数
    if (value.indexOf('.') < 0 && value != '') {
        // 以上已经过滤,此处控制的是如果没有小数点,首位不能为类似于 01、02的金额
        value = parseFloat(value);
    }
    this.modelValue = value;
}

相关文章

网友评论

      本文标题:Vue el-input 保留两位小数

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