微信小程序如何同时获取用户信息和用户手机号
今天在写登陆页面的时候,由于需要的个人信息和手机号的授权,但是如果在页面上直接放2个按钮,岂不是很呆???
索性就写了一个mask层,去引导用户授权手机号。
1. 当我点击快捷登录的 微信登录时,首先触发的是 微信原生的 获取用户信息userInfo 的方法,再它的 success 回调里面去打开 mask 层.....
2. mask 层里面 有一个按钮,这个按钮是去触发 微信原生的 获取用户手机号的 getPhoneNumber 的方法,接下来就不用我多说了吧。。。。
直接甩代码
<!--快捷登录--> <button open-type="getUserInfo" @tap="getUserProfile"> <view class="item column center"> <image class="iconc" src="/static/img/share/wx.png"></image> </view> </button> <!--登录弹窗--> <view class="modal-mask" catchtouchmove="preventTouchMove" v-if="showModal"></view> <view class="modal-dialog" v-if="showModal"> <view class="modal-content"> <view><image src='' class='show'></image></view> <view >绑定手机号</view> <view >请先绑定手机号在进行此操作</view> <button open-type="getPhoneNumber" @getphonenumber="getPhoneNumber"> <image src='/static/img/share/wx.png' class='iconWx'></image>微信用户一键绑定 </button> </view> </view>
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) },
总结
到此这篇关于微信小程序如何同时获取用户信息和用户手机号的文章就介绍到这了,更多相关微信小程序获取用户信息手机号内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
相关文章
Javascript中apply、call、bind的巧妙使用
Javascript中apply、call、bind都是为了改变函数体内部 this 的指向。下面通过本文重点给大家介绍js中apply,call,bind的巧妙使用方法,感兴趣的朋友一起学习吧2016-08-08JS对象序列化成json数据和json数据转化为JS对象的代码
这篇文章主要介绍了JS对象序列化成json数据和json数据转化为JS对象的代码,需要的朋友可以参考下2017-08-08浅析C/C++,Java,PHP,JavaScript,Json数组、对象赋值时最后一个元素后面是否可以带逗号
这篇文章主要介绍了浅析C/C++,Java,PHP,JavaScript,Json数组、对象赋值时最后一个元素后面是否可以带逗号的相关资料,需要的朋友可以参考下2016-03-03JavaScript获取URL中参数querystring的方法详解
这篇文章先给大家介绍了JavaScript获取URL中参数querystring的方法,而后有详解介绍了Location对象的属性和,Location对象的方法,对大家的理解很有帮助,有需要的朋友们可以参考借鉴,下面来一起看看吧。2016-10-10
最新评论