UniApp 的 input 标签虽然提供了@input事件,但是仅仅是小程序能使用,所以在这里使用了原生的 onkeypress 事件来避免空格的输入。
【注】以下方法针对于web的键盘输入有效,而对于安卓与IOS手机来说不起作用,因为手机端使用的是软键盘(我们安装的输入法),所以无法获取到相应的 keyCode.
解决方法:
<input class="uni-input"
onkeypress="javascript:if(event.keyCode == 32)event.returnValue = false;"
v-model="password"
type="text" name="password"
:password="hidePsd"
placeholder="请输入密码" />
【注】空格对应的 keyCode 为 32 。
个人博客:Roc’s Blog