• 小程序获取用户信息


    getUserInfo

    <button open-type="getUserInfo" bindgetuserinfo="getUserInfo">获取信息</button>
    <block wx:if="{{userInfo}}">
      <text>{{userInfo.nickName}}</text>
      <text>{{userInfo.gender}}</text>
    </block>
    
    // pages/home/home.js
    Page({
    
      /**
       * 页面的初始数据
       */
      data: {
        userInfo: null
      },
    
      /**
       * 生命周期函数--监听页面加载
       */
      onLoad: function (options) {
    
      },
    
      /**
       * 生命周期函数--监听页面初次渲染完成
       */
      onReady: function () {
    
      },
    
      /**
       * 生命周期函数--监听页面显示
       */
      onShow: function () {
    
      },
    
      /**
       * 生命周期函数--监听页面隐藏
       */
      onHide: function () {
    
      },
    
      /**
       * 生命周期函数--监听页面卸载
       */
      onUnload: function () {
    
      },
    
      /**
       * 页面相关事件处理函数--监听用户下拉动作
       */
      onPullDownRefresh: function () {
    
      },
    
      /**
       * 页面上拉触底事件的处理函数
       */
      onReachBottom: function () {
    
      },
    
      /**
       * 用户点击右上角分享
       */
      onShareAppMessage: function () {
    
      },
      getUserInfo: function(e) {
        if(e.detail.userInfo) {
          console.log(e.detail.userInfo);
          this.setData({
            userInfo: e.detail.userInfo
          })
        }
      }
    })
    

    GetUserProfile

    <button bindtap="getUserInfo">获取信息</button>
    <block wx:if="{{userInfo}}">
      <text>{{userInfo.nickName}}</text>
      <text>{{userInfo.gender}}</text>
    </block>
    
    // pages/home/home.js
    Page({
    
      /**
       * 页面的初始数据
       */
      data: {
        userInfo: null
      },
    
      /**
       * 生命周期函数--监听页面加载
       */
      onLoad: function (options) {
    
      },
    
      /**
       * 生命周期函数--监听页面初次渲染完成
       */
      onReady: function () {
    
      },
    
      /**
       * 生命周期函数--监听页面显示
       */
      onShow: function () {
    
      },
    
      /**
       * 生命周期函数--监听页面隐藏
       */
      onHide: function () {
    
      },
    
      /**
       * 生命周期函数--监听页面卸载
       */
      onUnload: function () {
    
      },
    
      /**
       * 页面相关事件处理函数--监听用户下拉动作
       */
      onPullDownRefresh: function () {
    
      },
    
      /**
       * 页面上拉触底事件的处理函数
       */
      onReachBottom: function () {
    
      },
    
      /**
       * 用户点击右上角分享
       */
      onShareAppMessage: function () {
    
      },
      getUserInfo: function() {
        wx.getUserProfile({
          desc: "用于完善用户体验",
          success: res => {
            console.log(res.userInfo);
            this.setData({
              userInfo: res.userInfo
            })
          }
        })
      }
    })
    
  • 相关阅读:
    正则判断是否为纯数值
    前后端加密解密crypto.js
    小程序使用iconfont字体图标
    LeetCode-Combination Sum II
    LeetCode-Combination Sum
    Google 2013 campus test-R1
    Google Codejam
    LeetCode-Count and Say
    LeetCode-Binary Tree Level Order Traversal II
    LeetCode-Binary Tree Level Order Traversal
  • 原文地址:https://www.cnblogs.com/1328497946TS/p/14908822.html
Copyright © 2020-2023  润新知