mpvue 小程序获取用户信息

小程序官方声明getUserInfo调整

为优化用户体验，使用 wx.getUserInfo 接口直接弹出授权框的开发方式将逐步不再支持。从2018年4月30日开始，小程序与小游戏的体验版、开发版调用 wx.getUserInfo 接口，将无法弹出授权询问框，默认调用失败。正式版暂不受影响。开发者可使用以下方式获取或展示用户信息：

一、小程序:

1、使用 button 组件，并将 open-type 指定为 getUserInfo 类型，获取用户基本信息。

详情参考文档:

https://developers.weixin.qq.com/miniprogram/dev/component/button.html

2、使用 open-data 展示用户基本信息。

详情参考文档:

https://developers.weixin.qq.com/miniprogram/dev/component/open-data.html

二、小游戏：

1、使用用户信息按钮 UserInfoButton。

详情参考文档:

https://developers.weixin.qq.com/minigame/dev/document/open-api/user-info/wx.createUserInfoButton.html

2、开放数据域下的展示用户信息。

详细参考文档：

https://developers.weixin.qq.com/minigame/dev/document/open-api/data/wx.getUserInfo.html

请各位开发者注意及时调整接口。

如何在mvpvue中使用getUserInfo

<template>
  <div>
    <button open-type="getUserInfo" @getuserinfo="getUserInfo">登录</button>
  </div>
</template>

export default {
  created () {
    this.login()
  },
  methods: {
    login () {
      console.log('触发')
      qcloud.setLoginUrl(config.loginUrl)
      const session = qcloud.Session.get()
      console.log(session)
      if (session) {
        // 第二次登录
        // 或者本地已经有登录态
        // 可使用本函数更新登录态
        qcloud.loginWithCode({
          success: res => {
            this.setData({ userInfo: res, logged: true })
            console.log(res)
          },
          fail: err => {
            console.error('222', err)
          }
        })
      } else {
        // 首次登录
        qcloud.login({
          success: res => {
            this.setData({ userInfo: res, logged: true })
          },
          fail: err => {
            console.log(err)
          }
        })
      }
    },
    getUserInfo (e) {
      console.log('111', e.mp.detail.userInfo)
    }
  }
}

参考1
参考2