调用第三方登录(微信等)
页面代码
<view class="auth"> <!-- #ifdef APP-PLUS --> // 条件编译, 代码只有在app内才生效 <image src="../../static/icos/weixin.png" data-loginType="weixin" @click="auth"></image> <image src="../../static/icos/QQ.png" data-loginType="qq" @click="auth"></image> <image src="../../static/icos/weibo.png" data-loginType="sinaweibo" @click="auth"></image> <!-- #endif --> <!-- #ifndef MP-WEIXIN --> // 条件编译, 代码只有在微信小程序内才生效 <image src="../../static/icos/weixin.png" @click="weixinLogin"></image> <!-- #endif --> </view>
事件处理
methods: { auth(e) { let loginType = e.currentTarget.dataset.logintype // 获得定义在image标签上的logintype属性, 属性取值只能使用小写 // 授权登录 uni.login({ provider: loginType, // 给provider传入不同的值, 调用不同的应用登陆接口 success(res) { // 登录成功后, 获取用户数据 uni.getUserInfo({ provider: loginType, success(e) { console.log(JSON.stringify(e.userInfo));