uni-appvue⼩程序Input输⼊框限制输⼊⼩数点两位数
<input type="number" @input="handleInput" v-model="appIntegral" />
<view class="submit" @click="submit()">提交</view>
export default {
data() {
return {
appIntegral: "",
}
},
methods: {
input框禁止输入handleInput(e) {
let value = e.detail.value;
value = place(/[^\d.]/g, ""); //清除“数字”和“.”以外的字符
value = place(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3'); //只能输⼊两个⼩数
// value = place(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3'); //只能输⼊2个⼩数
// value = place(/^(\-)*(\d+)\.(\d\d\d).*$/, '$1$2.$3');//只能输⼊3个⼩数
// value = place(/^(\-)*(\d+)\.(\d\d\d\d).*$/, '$1$2.$3'); //只能输⼊4个⼩数
// value = place(/^(\-)*(\d+)\.(\d\d\d\d\d).*$/, '$1$2.$3'); //只能输⼊5个⼩数
if (value.indexOf(".") < 0 && value != "") {
//以上已经过滤，此处控制的是如果没有⼩数点，⾸位不能为类似于 01、02的⾦额
value = parseFloat(value);
}
this.$nextTick(function() {
this.appIntegral = value
})
},
submit(){
let num = Math.abs(this.appIntegral);  //取绝对值
}
}
最后提交的⽅法⾥⾯最好加上  Math.abs(this.appIntegral);  取绝对值 保证发送后端参数⽆误

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。