developers.weixin.qq.com/miniprogram/dev/component/open-data.html 新的方法的使用 wxml： 授权登录 js: Page({ data: {}, bindGetUserInfo: function(e) { var that...再来一波demo示范一下 wxml: 获取用户信息
-- 需要使用 button 来授权登录 --> <button wx:if="{{canIUse}}" open-type="getUserInfo" bindgetuserinfo="bindGetUserInfo...console.log(res.userInfo) } }) } } }) }, bindGetUserInfo...hasUserInfo && canIUse}}" open-type="getUserInfo" bindgetuserinfo="getUserInfo"> 获取头像昵称
<button open-type="getUserInfo" lang="zh_CN" bindtap="onGotUserInfo" bindgetuserinfo="bindGetUserInfo...e.detail.errMsg) console.log(e.detail.userInfo) console.log(e.detail.rawData) } 点击按钮之后，弹出授权窗口，如下图： bindgetuserinfo...：可以从bindgetuserinfo回调中获取到用户信息，在这里我填写的是bindGetUserInfo，要在js文件中创建对应的方法，详细代码如下 bindGetUserInfo: function...因此可以使用bindgetuserinfo回调方法，获取用户信息，方便提交给业务服务器。 2.使用 open-data 展示用户基本信息 open-data控件用于展示微信开放的数据。...="bindGetUserInfo">获取用户信息 昵称： <open-data type
bindgetuserinfo接口。...bindgetuserinfo 接口（推荐使用） bindgetuserinfo接口是微信官方推荐的接口，我们可以使用该接口来获取用户的数据。调用方式和wx.getUserInfo相差不大。...授权登录 接下来，打开index.js文件，修改代码如下...index.js下面相关的函数，不过值得注意的是，open-type="getUserInfo" bindgetuserinfo="bindGetUserInfo"这两个参数是小程序button组件特有的特性...index.wxml <button wx:if="{{button_status}}" open-type="getUserInfo" bindgetuserinfo="bindGetUserInfo
ture或flase来判断是否展示登陆按钮 that.setData({login:flase}) }else{ that.setData({login:ture})} }, //登陆 bindGetUserInfo...open-data> 授权登录 login.wxss .userinfo { overflow: hidden; display
index.wxml <button wx:if="{{canIUse}}" open-type="getUserInfo" bindgetuserinfo="bindGetUserInfo...console.log(res.userInfo) //用户已经授权过 } }) } } }) }, bindGetUserInfo
console.log(res.userInfo) } }) } } }) 授权登录 bindGetUserInfo: function(e) { console.log(e.detail.userInfo
'> 生成头像1 生成头像2 生成头像3 <button size='mini' open-type="getUserInfo" bindgetuserinfo
<button wx:if="{{canIUse}}" open-type="getUserInfo" bindgetuserinfo...="bindGetUserInfo">授权登录 请升级微信版本 index.js Page({ data: { //判断小程序的...console.log(res.userInfo) //用户已经授权过 } }) } } }) }, bindGetUserInfo...="bindGetUserInfo">授权登录 请升级微信版本 //js Page({ data: { canIUse: wx.canIUse...console.log(res.userInfo) } }) } } }) }, bindGetUserInfo
-- 需要使用 button 来授权登录 --> <button wx:if="{{canIUse}}" open-type="getUserInfo" bindgetuserinfo="bindGetUserInfo...console.log(res.userInfo) } }) } } }) }, bindGetUserInfo
-- 需要使用 button 来授权登录 --> <button wx:if="{{canIUse}}" open-type="getUserInfo" bindgetuserinfo="bindGetUserInfo... console.log(res.userInfo) } }) } } }) }, bindGetUserInfo
微信小程序 在获取用户信息的时候 有特定的要求 ： 下面我们主要介绍获取微信绑定的手机号的问题：（MPvue模板） bindGetUserInfo
获取用户信息组件介绍 ✦✦02✦✦ 组件变化： open-type 属性增加 getUserInfo ：用户点击时候会触发 bindgetuserinfo 事件。...新增事件 bindgetuserinfo ：当 open-type 为 getUserInfo 时，用户点击会触发。...示例： Click me 和 wx.getUserInfo
margin-top:50rpx'> 允许微信授权后，可体验更多功能 授权登录 您的微信版本过低，请升级后再次体验 //js核心代码：其中利用backtype来确认授权登录后跳转回那个页面 bindGetUserInfo
这种方案将逐步不再支持，详情参考官方文档链接 2.使用button组件 只有用户点击按钮后获取用户信息 button组件官方文档链接 <button open-type="getUserInfo" bindgetuserinfo
api.png 下面就来讲下用第二种方式如何获取用户信息 主要实现代码如下 //user.wxml里布局 <button open-type="getUserInfo" type="primary" bindgetuserinfo...(user); } else { console.log("用户拒绝了登陆"); } }, 我们通过设置open-type="getUserInfo" 来实现点击登陆按钮时获取用户信息， 通过bindgetuserinfo
1、login.wxml <button wx:if="{{canIUse}}" open-type="getUserInfo" bindgetuserinfo="bindGetUserInfo" class.../** * 页面的初始数据 */ data: { canIUse: wx.canIUse('button.open-type.getUserInfo') }, bindGetUserInfo
show':'hide'}}" type="primary" open-type="getUserInfo" lang="zh_CN" bindgetuserinfo="bindGetUserInfo
可以这样写data="{{userInfo,bindGetUserInfo}}"，直接将你想要传递的参数通过,分割，掉用的时候bindgetuserinfo="bindGetUserInfo"即可。
/text </view <button class='bottom' type='primary' open-type="getUserInfo" lang="zh_CN" bindgetuserinfo...="bindGetUserInfo" 授权登录 </button </view <view wx:else 请升级微信版本</view </view <view...// 已授权，隐藏授权按钮，显示正文 that.setData({ isHide: false }); } } }) }, //授权登陆按钮 bindGetUserInfo
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
实时音视频
云直播
