uni-app微信小程序获取手机号码第一次解密失败

失败原因好像是因为在 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>