uniapp开发input标签只能输入数字

2023-12-16 15:29:11

本功能实现input只能输入数字

1、小数点不能在第一位,否则输入不进去

2、小数点后面最多为两位,多了输入不进去

3、只能输入一个小数点

<input v-model="inputCount" @input="inputAmount" type="number" style="font-size: 48rpx;color: #fff;"/>
inputAmount(e){
				console.log(e.detail.value.split('.'))//小数不在第一位
				if(e.detail.value=='.'){
					console.log(1)
					this.$nextTick(() => {
						this.inputCount = '';
					})
					return;
				}
				else if((e.detail.value.split('.').length - 1)>1){//保留小数点后2位,大于号嘴边的1可以自己改
					console.log(2)
					this.$nextTick(() => {
						this.inputCount = this.inputCount.substring(0,this.inputCount.length-1);
					})
					return;
				}
				else if(e.detail.value.split('.').length>1){//小数点只能输入一个
					if((e.detail.value.split('.')[1].length>2)){
						console.log(3)
						this.$nextTick(() => {
							this.inputCount = this.inputCount.substring(0,this.inputCount.length-1);
						})
						return;
						}
				}
			},

文章来源:https://blog.csdn.net/a1291985595/article/details/135032938
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。