输入规则很多种限制,尤其是对金额。
首先绑定change事件,输入框发生改变时则触发,以及金额格式化。
<input :onchange ="changeinput" v-model = "money" :format="(val)=>Number(Number(val).toFixed(2))"/>
1,输入的数据不能小于0,整数部分限制位数,小数部分限制位数,不能以0开头。
changeinput(row){
//金额不能小于0
if(row<0){
this.$message.error("金额不能小于0")
this.money = 0;
//金额整数部分不能超过16位
}else if(row>9999999999999999.99){
this.$message.error("金额整数部分不能超过16位,请修改")
this.$message.error("金额不能小于0")
金额开头不能以0开头
}else if(row.startsWith('0'){
this.money = 0;
//金额小数部分不能超过2位
}else if(row.split(".")[1]&&row.split(".")[1],length>2){
this.$message.error("金额小数部分不能超过2位,请修改")
this.money = 0;
}
}