小程序button引导用户授权的方法介绍（代码示例）

本篇文章给大家带来的内容是关于小程序button引导用户授权的方法介绍（代码示例），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

wx.getUserInfo(OBJECT) 注意：此接口有调整，使用该接口将不再出现授权弹窗，请使用<button open-type="getUserInfo"></button>所以我们要使用上述button来请求用户授权

1.index.wxml<buttonwx:if="{{canIUse}}"open-type="getUserInfo"bindgetuserinfo="bindGetUserInfo">授权登录</button><view wx:else>请升级微信版本</view>2.index.jsPage({data: {//判断小程序的API，回调，参数，组件等是否在当前版本可用。canIUse: wx.canIUse('button.open-type.getUserInfo')},onLoad: function () {// 查看是否授权wx.getSetting({success: function (res) {if (res.authSetting['scope.userInfo']) {wx.getUserInfo({success: function (res) {console.log(res.userInfo)//用户已经授权过}})}}})},bindGetUserInfo: function (e) {console.log(e.detail.userInfo)if (e.detail.userInfo) {//用户按了允许授权按钮} else {//用户按了拒绝按钮}}})注：如果未出现微信授权的弹窗，则可能是因为之前授权的缓存导致的，因为只有未授权才会出现弹窗，清除缓存即可

本文参考：https://www.html.cn/study/20.html以上就是小程序button引导用户授权的方法介绍（代码示例）的详细内容，更多请关注小潘博客其它相关文章！