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
            })
          }
        })
      }
    })
    
  • 相关阅读:
    VUE 脚手架模板搭建
    defineProperty
    理解JS中的call、apply、bind方法
    Two-phase Termination模式
    打印样式设计
    浏览器内部工作原理
    Immutable Object模式
    怎么跳出MySQL的10个大坑
    控制台console
    整理的Java资源
  • 原文地址:https://www.cnblogs.com/1328497946TS/p/14908822.html
Copyright © 2011-2022 走看看