小程序模板:专业的小程序模板与静态模板分享平台
小程序
教程
搜索
当前位置 : 首页> 小程序教程> 微信小程序通过按钮获取微信昵称

微信小程序通过按钮获取微信昵称

当小程序需要让用户完善个人资料时,我们可以通过微信提供的头像,昵称填写能力快速完善。

想使用微信提供的昵称填写能力,需要三步:

1.通过form组件中包裹住Input以及from-type为submit的button组件



  
  
  
  
  
  点击获取昵称
input {
  border: 1px solid #179c16;
  margin: 20rpx;
  height: 60rpx;
  border-radius: 20rpx;
  padding-left: 20rpx;
}

2.需要将input组件type的值设置为nickname,当用户输入框输入时,键盘上方会显示微信昵称

3.给from绑定submit事件,在事件处理函数中通过事件对象获取用户昵称

 //获取事件昵称
  onSubmit(e) {
    const { nickname } = e.detail.value;
    console.log(nickname);
  }

联系客服 意见反馈

签到成功!

已连续签到1天,签到3天将获得积分VIP1天

知道了