⼩程序如何同时获取⽤户信息和⽤户⼿机号
今天在写登陆页⾯的时候，由于需要的个⼈信息和⼿机号的授权，但是如果在页⾯上直接放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获取⽤户信息，开发者每次通过该接⼝获取⽤户个⼈信息均需⽤户确认
// 开发者妥善保管⽤户快速填写的头像昵称，避免重复弹窗
desc: '⽤于完善会员资料', // 声明获取⽤户个⼈信息后的⽤途，后续会展⽰在弹窗中，请谨慎填写
success: (res) => {
this.showDialogBtn();//调⽤⼀键获取⼿机号弹窗（⾃⼰写的）
}
})
},
// 显⽰⼀键获取⼿机号弹窗
showDialogBtn: function () {
this.showModal = true
},
// 隐藏⼀键获取⼿机号弹窗
hideModal: function () {
this.showModal = false
},
//获取⽤户⼿机号
getPhoneNumber (e) {
console,log(e.detael)
},
总结
到此这篇关于⼩程序如何同时获取⽤户信息和⽤户⼿机号的⽂章就介绍到这了，更多相关⼩程序获取⽤户信息⼿机号内容请搜索以前的⽂章或继续浏览下⾯的相关⽂章希望⼤家以后多多⽀持！

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。