失败原因好像是因为在 getphonenumber 回调函数中调取了 wx.login 接口
解决:在其他地方获取 微信登录 code (我是定时器4分钟获取一次,使用后重新获取)
<template> <view> <button open-type="getPhoneNumber" @getphonenumber="getphonenumber"> 获 取 手 机 号 码 </button> </view> </template> <script> export default { data() { return { timer: null, // 定时获取登录 code 以防过期 jsCode: '', //获取到的 code 只能使用一次 五分钟不使用会过期 } }, onShow() { //监听页面显示。页面每次出现在屏幕上都触发,包括从下级页面点返回露出当前页面 this.getLoginCode() //进入页面先获取一次 code //定时获取 code 以防止过期 this.timer = setInterval(() => { this.getLoginCode() }, 1000 * 60 * 4) }, onUnload() { //离开页面 清除定时器 if (this.timer) { clearInterval(this.timer); this.timer = null; } }, methods: { //@getLoginCode 获取登录code getLoginCode() { var _this = this uni.login({ success: function(res1) { _this.jsCode = res1.code //赋值 console.log(_this.jsCode); } }) }, //@getphonenumber 获取手机号码 getphonenumber(row1) { if (row1.detail.errMsg && row1.detail.errMsg == 'getPhoneNumber:fail user deny') { console.log('用户拒绝获取手机号码'); return } var data = { jsCode: this.jsCode, //登录 code 只能使用一次 五分钟内有效 encryptedData: row1.detail.encryptedData, //需要解密的内容 iv: row1.detail.iv //偏移量 } console.log(data); //用户同意获取手机号码 //调取后端接口处理业务 this.getLoginCode() //重新获取 code ,一个code只能使用一次,五分钟后失效 } } </script>
搜索
复制
<iframe></iframe>
原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/280124.html