码迷,mamicode.com
首页 > 微信 > 详细

小程序获取用户信息

时间:2021-06-21 20:10:50      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:tap   this   ons   用户   load   完成   信息   程序   体验   

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
        })
      }
    })
  }
})

小程序获取用户信息

标签:tap   this   ons   用户   load   完成   信息   程序   体验   

原文地址:https://www.cnblogs.com/1328497946TS/p/14908822.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!