<input placeholder="请输入申请金额" @blur="oninput" name="amount" type="number" v-model="formData.amount" />
@blur="oninput"失去焦点触发的事件,
注意:input自带的maxlength会限制你的小数位,所以不推荐使用
所以你可以在你提交的时候做逻辑或者就写在oninput事件里面(下面的代码我是写在oninput里面进行了逻辑判断,弹出信息再就清空值)
注意: type="number"这个就已经限制了你不能填负数(小于0的)哦,所以我这里就没有判断小的
oninput(e) {
this.formData.amount = (e.target.value.match(/^\d*(\.?\d{0,3})/g)[0]) || null
if (this.formData.amount > 1000) {
uni.showToast({
title: '输入的值大于1000哦',
icon: 'none'
});
this.formData.amount = ''
}
},
下面的代码是弹出提示框,你可以改成你自己想要的那种方式(下面的这个代码是手机端的uniapp多端跨平台框架)
uni.showToast({
title: '输入的值大于1000哦',
icon: 'none'
});