目录
输入框
输入框:(无任何样式)有一个confirm-type的值可以设置右下角按钮的值,有一个placeholder-class的值(设置placeholder的样式)
获取用户信息
1.必须通过button来获取,不能直接调用
js.代码如下
getUserInfo: function (e) {
console.log(e)
if (e.detail.errMsg === 'getUserInfo:fail auth deny') {
wx.showToast({
title: '您拒绝了授权,部分功能无法访问,请重新授权',
icon: 'none'
})
} else {
app.globalData.userInfo = e.detail.userInfo
this.setData({
userInfo: e.detail.userInfo,
hasUserInfo: true
})
}
}
html代码如下
<button open-type="getUserInfo" bindgetuserinfo="getUserInfo"> 获取头像昵称 </button>
2.通过open-data组件来获取(只能在html中用)
html代码如下
<open-data type="groupName" open-gid="xxxxxx"></open-data>
<open-data type="userAvatarUrl"></open-data>
<open-data type="userGender" lang="zh_CN"></open-data>
hover-class为手指点击时效果
获取用户open Id
定义一个事件,然后调用wx.login这个方法获取code,然后吧code传给接口获取open Id,然后储存(本地)
在小程序中挂载(通过this.$访问所有的工具函数,在js中可以无限扩展)
导出:在utils.js中吧所需要的全部引入,然后导出一个方法,最后需要return,内容如下所示
导入: