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

2023-10-29

一、展示效果

二、使用方法:

 在资源处下载后

在调用页面
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、里面已经封装好请求后端的登录数据,调用即可。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

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

  • flex布局,让2个高度不固定的元素占满屏幕

    例如有这样的一个容器 div class outer div class head div div class content div div outer 的高度是屏幕的高度head 的高度是不确定的 由内容撑高 如何通过纯css使得 co
  • 会议OA项目之我的会议

    目录 一 会议OA名词介绍 二 我的会议SQL语句编写 三 我的会议后台 四 前端 一 会议OA名词介绍 我的会议 当前登录账号 是 某会议 主持人 则查询出来 我的审批 当前登录账号 是 某会议 的指定审批人 并且会议状态是待审核 则查询
  • 视频通信中的码率控制算法

    码率控制技术RC Rate Control 是视频编码中一个非常重要的技术模块 不同的应用场景对视频编码的码率控制有不同的需求 离线编码通常采用可变码率 VBR 实时视频系统通常采用恒定码率 CBR 本篇技术干货将深度剖析视频编码中的码率控
  • Redis Hash查询-单个key存多个对象和多个key存整个对象的差异

    使用的是 NET CORE的StackExchange Redis客户端程序操作redis 以下是个人见解 单个key存多个对象 优点 获取多个数据或全部数据的时候比较方便 操作简单 获取全部 var list await redisCli
  • NetCDF(nc)读写与格式转换介绍

    本文介绍了NetCDF文件格式 并详细讲解了如何使用Python对NetCDF文件进行读写操作 进而介绍了NetCDF文件的地理参考 最后以两个数据为例讲解了怎么将NetCDF格式的数据转GeoTIFF格式的数据 nc文件转为 tif文件
  • 嵌入式Linux--menuconfig详解

    menuconfig 1 简介 menuconfig是一套图像化配置工具 由ncurses库提供软件支持 ncurses库提供了一系列的函数以便使用者调用它们去生成基于文本的用户界面 menuconfig本身的软件只负责提供menuconf
  • docker容器域名映射

    为解决每次区块链连接地址变动时 都必须修改程序内或者程序内附带的连接IP地址 故实现本地hosts文件IP与域名的映射 实现方式 场景一 服务为传统方式启动 解决方法 在服务器本地的 etc hosts文件内添加IP和域名的映射 vim e

随机推荐