uniapp转微信小程序登录弹窗的跳出

openID的获取:

wxLogin(){

      //登录函数方法

     uni.login({

            success:(res)=>{

               //给数据赋值

                 this.setData({

                    code: res.code

                })

              //这是直接赋值,如果上方给数据赋值不行的话

               this.code = res.code

          }

    })

}

弹出框调用的方法和请求的发送:

//点击触发函数

dianji(){

    var that = this;//保证this一直是VueComponent

     if(store.state.openid){//判断是否有openid,若有openid就直接跳转

         that.toindex(that)//跳转到另一个页面的函数

    }else{//若没有openid就会弹出登录弹框

          uni.getUserProfile({//这个函数是uniapp官方提供的API,弹出弹窗,授权后获取用户信息

              desc:'用于完善用户信息',

              success(e){

                    send(e)//这个函数主要是用来向后端发请求的

                     that.toindex(that)//跳转到另一个页面的函数

             },

            fail(){

                   uni.showToast({

                          icon:null,

                           title:'您取消了登录授权'

                  })

              }

       })

function send(e){//发送请求函数

          var data = e.userInfo//这个e是在上面那个函数传过来的

          uni.request({

                  url:'http://localhost:9090/user/login',

                  method:'POST',

                   data:{

                       code: that.$data.code,//这里是最上面那个函数采用第二种赋值的方式

                       userName: data.nickName,

                        gender: data.gender

                   },

                   success:(res)=>{

                          console.log(res)

                           store.commit('userInfo',res.data.data)//提交请求回来的数据给store存储

                   }

           })

        }

     }

}

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值