微信小程序通过数据绑定获取用户名和密码

1.获取用户名和头像
<view>数据绑定</view>
<view>数据:{{message}}</view>
<view>数据:{{message}}</view>
<button bindtap="changData">点击修改数据</button>
<view>当前用户名:{{name}}</view>
<view>获取用户头像<image src="{{path}}" style="height:200rpx;width:200rpx"></image>
</view>
<view bindtap="getUsrName">获取房前用户名:</view>
Page({data: {message:"大白菜",name:'',path:'/img/mryhtx.png'},changData:function(){console.log(this.data.message);this.data.message="沙雕大白菜";this.setData({message:"大沙雕大白菜"})},
getUsrName:function(){var that = this;console.log('sdf');wx.getUserInfo({success: function(res) {console.log('success',res)that.setData({name:res.userInfo.nickName,path:res.userInfo.avatarUrl})}, file:function(res){}})
},
})

微信小程序通过数据绑定获取用户名和头像相关推荐

  1. 微信小程序-云函数-读取用户名、头像并展示

    引言: 最近准备毕业设计,想做一个微信小程序,奈何只会一点html,css,连js都不会中间踩坑无数,现在还在坑中,云函数的创建具体参考相关文档.教程 初识云函数 1 目录结构 2 文件修改内容 2. ...

  2. 微信小程序授权登录获取用户名和昵称

    微信授权官方文档 登录流程时序: 这里我是用微信开发者工具写的前端 login.wxml代码: <view class="userinfo"><block wx: ...

  3. 微信小程序view动态长度_微信小程序实现动态获取元素宽高的方法分析

    本文实例讲述了微信小程序实现动态获取元素宽高的方法.分享给大家供大家参考,具体如下: 我以前一直以为微信小程序不能动态获取view元素的宽高.但是自从看到: wx.createSelectorQuer ...

  4. [技术博客] 微信小程序的formid获取

    微信小程序的formid获取 formId的触发 微信小程序可以通过收集用户的formid,获取formid给用户主动推送微信消息.获取formid有两个途径,一个是触发一次表单提交,或者触发一次支付 ...

  5. 微信小程序-从相册获取图片,视频 使用相机拍照,录像上传+服务器(nodejs版)接收

    在本文 微信小程序-从相册获取图片 使用相机拍照 本地图片上传之前需要看看 微信小程序-获取用户session_key,openid,unionid - 后端为nodejs 代码封装是在上文添加的. ...

  6. 微信小程录制视频上传服务器,微信小程序-从相册获取图片,视频使用相机拍照,录像上传+服务器nodejs版接收-微信小程序视频上传功能-微信小程序视频上传...

    在本文微信小程序-从相册获取图片使用相机拍照本地图片上传之前需要看看微信小程序-获取用户session_key,openid,unionid-后端为nodejs代码封装是在上文添加的.本文知识点:1. ...

  7. 微信中html5获取手机号,微信小程序用户授权获取手机号(getPhoneNumber)

    前言 小程序有一个获取用户很便捷的api,就是通过getPhoneNumber获取用户的已经绑定微信的手机号码.有一点要大家注意,现在微信和注重用户体验,有些方法都是需要用户主动去触发才能调用的,比如 ...

  8. 微信小程序实现登录获取头像昵称

    微信小程序如何来获取用户头像昵称 大家一定对下面这个图不陌生吧,我们在进入小程序之前,都会遇见类似这样的情况,那么这个是怎么用微信开发者工具实现的呢? 要求 1.首先,我们打开微信开发者工具,新建一个 ...

  9. 微信小程序案例:获取微信访问用户的openid

    在微信开发项目中,获取openid是项目常遇的问题,本文通过主要讲解实现在微信小程序中如何获取用户的openid,案例实现非常简单 具体实现方法是通过登录接口获取登录凭证,然后通过request请求微 ...

最新文章

  1. AI A_star算法野人渡河-实验报告
  2. 【从零学习openCV】IOS7下的人脸检測
  3. Windows 10 powershell 中文乱码解决方案
  4. java代码打包成jar以及转换为exe
  5. urllib库添加headers的一般方法
  6. 30分钟学玩转RabbitMQ
  7. 使用ST05研究customer product id存储逻辑
  8. mysql 一对多 关联一条最新的数据_不得不会的mysql锁
  9. 怎么看联想计算机的ip,如何查看本机ip
  10. 学物理也能拿数学世界级奖!每逢实验失败就跑步......河大女生太励志了!!
  11. Objective-C学习笔记(一)–类
  12. mysql phpmyadmin 安装_phpmyadmin怎么安装
  13. 是不是人老了,子女都不愿和老人相处?
  14. PHP上传文件大小限制的问题
  15. C-Free 5.0 注册码
  16. 敢问程序员路在何方、路在脚下。
  17. 物联网与AI芯片密不可分 企业加速跑马圈地
  18. 3月30日----4月3日二年级课程表
  19. 监控安装ESXi on Arm的树莓派4b的CPU温度
  20. Python-docx 读写 Word 文档:读取正文、表格文本信息、段落格式、字体格式等

热门文章

  1. 伯克利大学计算机网络,伯克利大学CS专业排名2020年全面知识点分享
  2. 荣耀v8鸿蒙,荣耀8和荣耀V8对比评测:看完这篇就不用纠结买谁
  3. 016:cesium 根据坐标值半径高度等,显示圆锥体
  4. 双十一最大的收获,就是提前准备实在RPA机器人
  5. 三星980处理器和骁龙855_麒麟980和骁龙855都要量产了,究竟谁的性能更胜一筹?...
  6. java学习input_1
  7. 3dsMax渲染太慢原来跟这些因素有关系
  8. 将1,2,…,9 共 9 个数分成 3 组,分别组成 3 个三位数,且使这 3 个三位数构成 1 : 2 : 3 的比例,试求出所有满足条件的 3个三位数---Java解法
  9. 相比较QQ与微信,我更钟意这几款手机APP!
  10. 腾讯:这可是一只“骨骼清奇”的狗