微信小程序获得微信头像和昵称

清疚 2022-04-02 04:18 797阅读 0赞

[微信小程序获得微信头像和昵称][Link 1]

{
      wx.getSetting({
        success: res => {
          if (res.authSetting && res.authSetting['scope.userInfo']) {
            // 已经授权，可以直接调用 getUserInfo 获取头像昵称
            wx.getUserInfo({
              success: function (data) {
                console.log(data.userInfo);
                // {
                //   avatarUrl: '微信头像img文件path'
                //   nickname: '微信昵称'
                // }
              }
            });
          } else {
            this.showShouquan = true; // 打开模态框进行授权
          }
        }
      });
    }

<template>
        <div>
            
            <van-dialog use-slot async-close :show="showShouquan" show-cancel-button confirm-button-open-type="getUserInfo"
                @close="cancelShouquan" @getuserinfo="getUserInfoFromWx">
                <h4 class="wx-shouquan-title">微信授权</h4>
                <p class="wx-shouquan-content">
                    xxxxxxx小程序将获得您的微信头像、昵称等公开消息
                </p>
            </van-dialog>
            <div>
    </template>

getUserInfoFromWx (e) {
          this.$store.state.user_userinfo = e.mp.detail.userInfo;
          this.showShouquan = false;
        },
        cancelShouquan () {
          this.showShouquan = false;
        },

![1504647-20181225114744261-1697158828.png][]

来源：[https://segmentfault.com/a/1190000017496137][https_segmentfault.com_a_1190000017496137]

[Link 1]: http://www.jqhtml.com/23253.html
[1504647-20181225114744261-1697158828.png]: /images/20220402/4939090063984e18adcd11b5b76f3cda.png
[https_segmentfault.com_a_1190000017496137]: https://segmentfault.com/a/1190000017496137