需求：“只允许输入金额保留两位小数”，有2种实现方法
方法一（通过正则控制）：
html：
<el-inputv-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;
},
方法二（使用组件）：
这个是我最近才发现的，方便多了TT
设置精度precision，即可四舍五入；
再改改样式，隐藏按钮，靠左对齐，最后效果和普通的input无异
<el-input-number v-model="num" :precision="2"></el-input-number>
)
