zoukankan      html  css  js  c++  java
  • 第一个小程序,获取用户名和用户头像

    <!--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
        })
      },
  • 相关阅读:
    🍖JS函数
    🍖JS流程控制
    🍖JS运算符介绍
    🍖JS数值类型与字符串类型的内置方法
    多态
    property装饰器
    封装
    组合
    继承&派生 属性查找
    继承与派生
  • 原文地址:https://www.cnblogs.com/xiaozhang666/p/11379493.html
Copyright © 2011-2022 走看看