小程序登录是现在小程序里面很普遍的一个功能,因为官方提供的方法,可以一键获取到用户信息,一键拿到手机号,这篇文章主要给大家介绍了关于微信小程序如何同时获取用户信息和用户手机号的相关资料,需要的朋友可以参考下
今天在写登陆页面的时候，由于需要的个人信息和手机号的授权，但是如果在页面上直接放2个按钮，岂不是很呆？？？
索性就写了一个mask层，去引导用户授权手机号。
1. 当我点击快捷登录的 微信登录时，首先触发的是 微信原生的 获取用户信息userInfo 的方法，再它的 success 回调里面去打开 mask 层.....
2. mask 层里面 有一个按钮，这个按钮是去触发 微信原生的 获取用户手机号的 getPhoneNumber 的方法，接下来就不用我多说了吧。。。。
直接甩代码
绑定手机号 请先绑定手机号在进行此操作
methods: { getUserProfile(){ // 推荐使用wx.getUserProfile获取用户信息，开发者每次通过该接口获取用户个人信息均需用户确认 // 开发者妥善保管用户快速填写的头像昵称，避免重复弹窗 wx.getUserProfile({ desc: '用于完善会员资料', // 声明获取用户个人信息后的用途，后续会展示在弹窗中，请谨慎填写 success: (res) => { this.showDialogBtn();//调用一键获取手机号弹窗（自己写的） } }) }, // 显示一键获取手机号弹窗 showDialogBtn: function () { this.showModal = true }, // 隐藏一键获取手机号弹窗 hideModal: function () { this.showModal = false }, //获取用户手机号 getPhoneNumber (e) { console,log(e.detael) }, 总结
以上就是微信小程序如何同时获取用户信息和用户手机号的详细内容，更多请关注0133技术站其它相关文章！
