uniapp input输入框控制输入小数点后两位

关键点在于控制input的 maxlength,看代码<input type="number" v-model="money" @input="checkNum" :maxlength="maxlength" />data(){maxlength: 10//默认一个长度}checkNum(e) {let value = e.detail.value;let dot = value.in

Dai_代代

3439人浏览 · 2021-07-20 11:43:27

Dai_代代 · 2021-07-20 11:43:27 发布

关键点在于控制input的 maxlength,看代码

<input type="number" v-model="money" @input="checkNum" :maxlength="maxlength" />


data(){
	maxlength: 10    //默认一个长度 
}

checkNum(e) {
			let value = e.detail.value;
			let dot = value.indexOf('.');   //包含小数点
			let reg = /^[0-9]+$/;   //正整数
			if (dot > -1) {   
				this.maxlength = dot + 3;   //长度是小数点后两位
				if (value.length > dot + 3) {
				}
			}
			if (reg.test(value)) {   //如果是正整数不包含小数点
				this.maxlength = 10;
			}
		},