uniapp使用uview2输入框input微信小程序格式化问题

最新推荐文章于 2025-04-20 17:00:00 发布

原创最新推荐文章于 2025-04-20 17:00:00 发布 · 2.2k 阅读

7 ·

CC 4.0 BY-SA版权

文章标签：

#uni-app #微信小程序 #小程序

文章讲述了在微信小程序开发中，如何在`mounted`生命周期钩子中使用`setFormatter`方法对输入框进行格式化，并实现输入数值不超过特定值的验证功能。

setFormatter 为兼容微信小程序而暴露的内部方法

mounted() {
//如果是在页面则使用onReady
				this.$refs.Input.setFormatter(this.formate)
		},
		methods: {
		
			formate(e){
				if(parseInt(e)>parseInt(this.ticketInfo.num)){
					uni.showToast({
						title: '不能大于'+this.ticketInfo.num,
						icon:'none'
					})
					return parseInt(this.ticketInfo.num) 
				}else{
					return parseInt(e)
				}
			}

<u-input
									ref="Input"
									type="number"
									    border="none"
									    v-model="value"
									    @change="change"
										inputAlign='center'
										color='#030303'
										fontSize='30rpx'
									  >
									  <!-- <text slot='suffix'>张</text> -->
									  </u-input>