zoukankan      html  css  js  c++  java
  • 小程序获取用户信息

    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
            })
          }
        })
      }
    })
    
  • 相关阅读:
    提高自己应用性能的总结架构篇
    iOS 开发调试技巧
    iOS (UIButton封装)仿糯米首页缩放“按钮”效果
    计算机网络中的TCP/UDP协议到底是怎么回事(二)
    计算机网络中的TCP/UDP协议到底是怎么回事(一)
    iOS一分钟学会环形进度条
    View Controller 视图管理总结
    iOS-自定义导航栏后侧滑返回功能失效
    iOS缓存框架-PINCache解读
    YYCache 设计思路
  • 原文地址:https://www.cnblogs.com/1328497946TS/p/14908822.html
Copyright © 2011-2022 走看看