uniapp input输入框 控制输入小数点后两位
文章描述：
uniapp input输入框限制输入位数以及小数点的位数
template
<template>
<view class="container">
<input type="number" v-model="money" @input="checkNum" :maxlength="maxlength" class="number" />
</view>
</template>script
export default{
data(){
return{
money:"",
maxlength: 10 //默认一个长度
}
}
,
methods:{
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;
}
},
}
}style
.container{
padding: 20upx 30upx;
}
.number{
padding: 12upx 20upx;
border: 1upx solid #d6d2d2;
border-radius: 10upx;
}
发布时间：2022/08/30
发表评论