uni-app中控制input输入框的输入

在uni-app中,由于input内容并不严格绑定value,限制输入框输入特定字符变得复杂。通常在HTML中可通过监听input事件控制,但在uni-app中,官方提供了解决方案:在input事件处理函数中return一个字符串,此字符串会替换输入框内容,适用于微信小程序。
摘要由CSDN通过智能技术生成

问题:
很多时候我们都会想直接在input输入框中过滤掉不想要的输入,比如说限制输入框只能输入英文,那么当输入数字的时候,input的内容也不会读入数字。

然而这个在普通的html中的做法就是监听input事件然后控制修改绑定值就行;而uniapp就是一个奇葩,他的输入框的内容就好像是单独的一个模块,并不严格绑定value,即输入框的内容可能与绑定的value不一致。

解决方案:
由官网得知:input 事件处理函数可以直接 return 一个字符串,将替换输入框的内容,仅微信小程序支持
因而可以通过这种方案来反向控制input输入框的值。

<input
	:value="value"
	type="
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值