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

第一个小程序,获取用户名和用户头像

时间:2019-08-19 21:28:01      阅读:164      评论:0      收藏:0      [点我收藏+]

标签:nic   images   功能   img   com   image   弹窗   授权   技术   

 

技术图片

 

 

<!--pages/index/index.wxml-->
<!-- 内容封装在view中 -->
<view class="content">
  <image src=‘{{src}}‘>

  </image>
  <text>
    欢迎光临
  </text>
  <text class="name">
    {{name}}
  </text>
  <button open-type="getUserInfo" 注意:此接口有调整,使用该接口将不再出现授权弹窗  bindgetuserinfo="getmyinfo">
   点击获取头像和昵称
  </button>
  <!-- open-type 激活获取微信用户的功能 -->
  <!-- bindgetuserinfo 将获得的数据传递给函数 -->
</view>

<!-- 用到图片 文字 按钮 -->

js

/**
   * 页面的初始数据
   */
  data: {
    name:"",
    src:"/images/weixin.jpg"
  },
  getmyinfo:function(e){
    console.log(e.detail.userInfo);
    let info = e.detail.userInfo.nickName;
    this.setData({ 修改当前数据
      name:info,
      src:e.detail.userInfo.avatarUrl
    })
  },

 

第一个小程序,获取用户名和用户头像

标签:nic   images   功能   img   com   image   弹窗   授权   技术   

原文地址:https://www.cnblogs.com/xiaozhang666/p/11379493.html

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