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
            })
          }
        })
      }
    })
    
  • 相关阅读:
    凸透镜和凹透镜为什么分别对光有会聚作用和发散作用
    平面镜成像
    行政 申论 大纲
    专业科 大纲
    linux command --- terminal common commands
    3D VR卡镜的使用方法
    Structure From Motion(二维运动图像中的三维重建)
    双目摄像机
    对比手机SLAM和机器人SLAM
    3D indoor map positioning with a smartphone image
  • 原文地址:https://www.cnblogs.com/1328497946TS/p/14908822.html
Copyright © 2011-2022 走看看