el-input输入number，数字保留两位小数

本文主要是介绍el-input输入number，数字保留两位小数，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

需求：“只允许输入金额保留两位小数”，有2种实现方法

方法一（通过正则控制）：

html：

<el-input
  v-model="inputTable.amount"
  @input="formatNum(form.amount, 'amount')"
></el-input>

js：

formatNum(val, key) {
  let temp = val.toString();
  temp = temp.replace(/。/g, ".");
  temp = temp.replace(/[^\d.]/g, ""); //清除"数字"和"."以外的字符
  temp = temp.replace(/^\./g, ""); //验证第一个字符是数字
  temp = temp.replace(/\.{2,}/g, ""); //只保留第一个, 清除多余的
  temp = temp.replace(".", "$#$").replace(/\./g, "").replace("$#$", ".");
  temp = temp.replace(/^(\-)*(\d+)\.(\d\d).*$/, "$1$2.$3"); //只能输入两个小数
  this.form[key] = temp;
},

方法二（使用组件）：

InputNumber 计数器
组件 | Element

precision配精度为两位小数

 <el-input-number v-model="num" :precision="2"></el-input-number>

这篇关于el-input输入number，数字保留两位小数的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！