mpvue构建小程序三——小程序的授权登录

一：在标签中一定要有这个button按钮，否则无法引导用户授权（小程序文档已经更新） 

<button open-type="getUserInfo" lang="zh_CN" @getuserinfo="bindGetUserInfo">
    获取用户信息
</button>

 

 二：js中使用

setting(){
    const that=this;
    wx.login({
        //用户登录
        success(res) {
            if (res.code) {
                // 发起网络请求
                console.log("res.code+" + res.code);
                var code = res.code;
                wx.getSetting({
                   //查看用户是否授权
                    success(res) {
                        if (res.authSetting['scope.userInfo']) {
                           //用户已经授权
                            wx.getUserInfo({
                              //获取用户信息
                                success: (res) => {
                                   
                                  
                                }
                            })
                        }
                    }
                })
            }
        }
    })
},

//引导用户授权

bindGetUserInfo(e) {
    const that=this;
    // console.log(e.mp.detail.rawData)
    if (e.mp.detail.rawData){
        //用户按了允许授权按钮
        that.s1=true;
        that.setting();
        console.log('用户按了允许授权按钮')
    } else {
        //用户按了拒绝按钮
        console.log('用户按了拒绝按钮')
    }
},