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
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。 如若内容造成侵权/违法违规/事实不符,请联系我的编程经验分享网邮箱:veading@qq.com进行投诉反馈,一经查实,立即删除!
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。 如若内容造成侵权/违法违规/事实不符,请联系我的编程经验分享网邮箱:veading@qq.com进行投诉反馈,一经查实,立即删除!