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

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

方法一(通过正则控制):

html:

复制代码

js:

formatNum(val, key){lettemp = 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配精度为两位小数

作者:梓言

链接:https://juejin.cn/post/7038271078849839140/

来源:稀土掘金

著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

你可能感兴趣的:(el-input输入number,数字保留两位小数)