微信小程序---微信授权弹窗实现(组件,需要地方直接调用即可)

一、展示效果

二、使用方法:

 在资源处下载后

在调用页面
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,弹窗会消失

注意:
1、force参数是控制是否强制登录。若非强制,点击组件空白处会关闭弹窗
2、里面已经封装好请求后端的登录数据,调用即可。

猜你喜欢

转载自blog.csdn.net/weixin_43452154/article/details/128129333