uniapp小程序input组件type=‘nickname‘获取不到微信昵称的值，解决方法_uniapp input nickname

作者：AllinToyou | 2024-05-03 21:24:35

踩

uniapp input nickname

问题描述

在实现头像昵称填写功能时无法获取到，微信昵称的值。如下图，无法拿到“Dexter”。无法触发@input事件，也不能使用@blur

解决方法

使用 @change 监听 input 元素的变化事件，当输入框的值发生变化时，将调用 getNickname 方法。

代码

html
<input class="nickNameInput" type="nickname" :value="nickName" placeholder="请输入您的昵称"  @change="getNickname">
js
getNickname(e){
				this.nickName = e.detail.value
			},

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/AllinToyou/article/detail/531604