一、展示效果
二、使用方法:
在资源处下载后
在调用页面
json:
"usingComponents": {
"wx_empower": "/Component/wx_empower/wx_empower"
}
wxml:
<!-- 微信授权 -->
<wx_empower id="wx_empower" show="{{show_empower}}" force="{{true}}" bind:return_login="return_login"></wx_empower>
js:
1、先判断是否已经登录,未登录直接调用show_empower:true即可弹出登录授权框
2、点击授权会请求获取手机号码,通过手机号码请求后台数据,若登录成功后
3、在页面调用return_login(e)方法,判断e携带的值是否请求成功。
4、若成show_empower变为false,弹窗会消失文章来源:https://www.toymoban.com/news/detail-525622.html
注意:
1、force参数是控制是否强制登录。若非强制,点击组件空白处会关闭弹窗
2、里面已经封装好请求后端的登录数据,调用即可。文章来源地址https://www.toymoban.com/news/detail-525622.html
到了这里,关于微信小程序---微信授权弹窗实现(组件,需要地方直接调用即可)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!