一、如何获取昵称(获取微信昵称)以Taro框架为例
Taro框架中的组件Input的一个属性,type属性的值有一个nickname.
如果要拿到input的值,是要value结合onChange事件。
type="nickname" value={nickName} onChange={(value: string, event: any)=>{}
二、获取手机号
通过Button组件的属性来获取。
1、Button组件的open-type属性,当值为getPhoneNumber时进行用户授权。(手机号快速验证,向用户申请,并在用户同意后,快速填写和验证手机,)
2、通过onGetPhoneNumber()事件。是获取用户手机号的回调。
在这一步要注意的是:在这个回调函数里面须得调后台的接口,向后台提交手机号码。
从onGetPhoneNumber()的参数中拿到code值,这个code值是后台接口所需的传参。
<Button className='mobile-button' openType='getPhoneNumber' onGetPhoneNumber={async (e: any) => {
const code = e.detail.code
// 用户允许授权手机号
if (code) {
const result = await getPhoneNumber({
data: {
phoneCode: code
}
})
}
}} >获取手机号</Button>
三、获取微信头像
和获取手机号类似,也是Button组件的open-type的值为chooseAvatar时,再结合onChooseAvatar()事件,在这个事件的回调中调接口。文章来源:https://www.toymoban.com/news/detail-764189.html
<Button className='image-button' openType='chooseAvatar' onChooseAvatar={async (e: any) => {
const file = e.detail.avatarUrl
}}
>
四、点击图片,如何出现上拉菜单
在Image组件找中添加一个showMenuByLongpress属性即可。文章来源地址https://www.toymoban.com/news/detail-764189.html
/** 开启长按图片显示识别小程序码菜单
* @default false
* @supported weapp
*/
showMenuByLongpress?: boolean
到了这里,关于如何在小程序中获取用户昵称、电话号,头像的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!