uniapp开发input标签只能输入数字
·
本功能实现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;
}
}
},
更多推荐
所有评论(0)