当小程序需要让用户完善个人资料时,我们可以通过微信提供的头像,昵称填写能力快速完善。
想使用微信提供的昵称填写能力,需要三步:
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); }