随手记:小程序获取用户昵称(简简单单)

uni和微信开发文档一步步的引导就是一个公告,实际上看了一圈,就是要用户自己触发input框获取昵称
要是不看原因可以直接看最下面最新使用方法

一下是原方法被微信收回的一些公告说明

小程序登录、用户信息相关接口调整说明 | 微信开放社区

最新使用方法:(仅截取代码一部分)

「头像昵称填写能力」支持获取用户头像昵称:如业务需获取用户头像昵称,可以使用「头像昵称填写能力」(基础库 2.21.2 版本开始支持,覆盖iOS与安卓微信 8.0.16 以上版本),具体实践可见下方《最佳实践》

头像昵称填写 | 微信开放文档

昵称填写

需要将 input 组件 type 的值设置为 nickname,当用户在此input进行输入时,键盘上方会展示微信昵称。

从基础库2.24.4版本起,在onBlur 事件触发时,微信将异步对用户输入的内容进行安全监测,若未通过安全监测,微信将清空用户输入的内容,建议开发者通过 form 中form-type 为submit 的button 组件收集用户输入的内容。

在开发者工具上,input 组件是用 web 组件模拟的,因此部分情况下并不能很好的还原真机的表现,建议开发者在使用到原生组件时尽量在真机上进行调试。

<view class="flex-center">
	 <u-input v-model="form.wechatNickname" placeholder- 
       style="color:#A1AABF;" class="passInput" type="nickname" :border="false" 
       @change="getname" @b input-align="right" placeholder="获取微信昵称" 
       :clearable="false"> 
     </u-input>
</view>
		getName(e) {
		  this.wechatNickname = e.detail.value;
		}


 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

peachSoda7

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值