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

最新推荐文章于 2024-08-24 08:42:18 发布

前端专业写bug

最新推荐文章于 2024-08-24 08:42:18 发布

阅读量1k

点赞数 6

文章标签： uni-app 微信小程序小程序

本文链接：https://blog.csdn.net/bs521521/article/details/135642839

版权

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

摘要由CSDN通过智能技术生成

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>