已解决 vue ，uniapp，微信小程序实时监听input只能输入为数字和小数点（霸霸看了都说好）

解决方案<input class="number_box_input" type="number" v-model="val" @input="checkNum($event)"/>// 方法checkNum(e) {let val = e.target.value.replace(/(^\s*)|(\s*$)/g, "")console.log(val);if (!val) {thi

霸霸最棒

1798人浏览 · 2021-08-10 11:34:38

霸霸最棒 · 2021-08-10 11:34:38 发布

解决方案

<input class="number_box_input" type="number" v-model="val" @input="checkNum($event)"/>

// 方法
checkNum(e) {
	let val = e.target.value.replace(/(^\s*)|(\s*$)/g, "")
	console.log(val);
	if (!val) {
		this.val = '';
		return
	}
	var reg = /[^\d.]/g

	// 只能是数字和小数点，不能是其他输入
	val = val.replace(reg, "")
	// // 保证第一位只能是数字，不能是点
	val = val.replace(/^\./g, "");
	// // 小数只能出现1位
	val = val.replace(".", "$#$").replace(/\./g, "").replace("$#$", ".");
	// // 小数点后面保留2位
	val = val.replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3');
	console.log(val);
	this.$nextTick(() => {
		this.val = val;
	})
}