vue input 输入金额尾部接.00 与千位符

最近可爱的产品提了点要求，金额尾部需要.00 而且还要带千位符。html:<el-input v-model="form.projectAmount" type="txet" placeholder="请输入项目金额" @blur="projectAmounts" clearable :maxlength="32"></el-input>js:toT...

昌子玩前端

5229人浏览 · 2019-05-07 17:32:56

昌子玩前端 · 2019-05-07 17:32:56 发布

最近可爱的产品提了点要求，金额尾部需要.00 而且还要带千位符。

html:
<el-input v-model="form.projectAmount" type="txet" placeholder="请输入项目金额" @blur="projectAmounts" clearable :maxlength="32"></el-input>


js:
toThousandsNoZero(num) {    
    return num ? ( (isNaN(parseFloat(num.toString().replace(/,/g, ""))) ? 1 : parseFloat(num.toString().replace(/,/g, "")))).toFixed(2).toString().replace(/(\d)(?=(\d{3})+\.)/g, function ($0, $1) {
        return $1 + ",";
    }) : "";
},
projectAmounts(){//this.form.projectAmount 金额
  if(isNaN(parseFloat(this.form.projectAmount))){
    this.form.projectAmount= 0.00;
  }else{
    this.form.projectAmount=this.toThousandsNoZero(this.form.projectAmount);
  }
},

效果：

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^