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

这篇具有很好参考价值的文章主要介绍了微信小程序---微信授权弹窗实现(组件,需要地方直接调用即可)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

一、展示效果

微信小程序授权弹窗,微信小程序,微信小程序,微信,小程序

二、使用方法:

 在资源处下载后

在调用页面
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、里面已经封装好请求后端的登录数据,调用即可。文章来源地址https://www.toymoban.com/news/detail-525622.html

到了这里,关于微信小程序---微信授权弹窗实现(组件,需要地方直接调用即可)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 微信小程序访问手机蓝牙需要用户授权解决办法

    小程序处理用户的个人信息,需要获取用户明示同意,平台计划 从2022年2月21日24时起对以下接口增加用户授权 : 访问蓝牙:调用wx.openBluetoothAdapter、wx.createBLEPeripheralServer,需要授权scope.bluetooth 添加通讯录联系人:调用wx.addPhoneContact,需要授权scope.addPhoneContact 添加日历事件

    2024年02月09日
    浏览(59)
  • 【微信小程序】使用weui组件库来实现弹出一个确认的弹窗popup,其中包含图片和名称

    在微信小程序中,你可以使用weui组件库来实现弹出一个确认的popup,并在其中包含图片和名称。以下是一个示例代码: 在wxml文件中,添加一个按钮来触发弹出确认popup: 在wxss文件中,定义确认popup的样式: 在js文件中,编写相应的逻辑来显示和隐藏确认popup,并传递图片和名

    2024年02月17日
    浏览(35)
  • uniapp微信小程序自定义弹窗组件

    写一个能够复用的弹窗组件,内容包括: \\\"标题\\\",\\\"图片\\\",\\\"描述内容\\\",\\\"按钮\\\". 且按钮可能会有多中功能(比如: 点击按钮可能只是关闭弹窗,或者关闭弹窗并跳转) 1.创建弹窗组件 popup-view 1.小编这里考虑组件全局都有可能会用到,就在主包的 components 文件夹下创建popup-view组件 2.组件内

    2024年02月04日
    浏览(30)
  • uniapp&&微信小程序底部弹窗自定义组件

    个人项目地址: SubTopH前端开发个人站   (自己开发的前端功能和UI组件,一些有趣的小功能,感兴趣的伙伴可以访问,欢迎提出更好的想法,私信沟通,网站属于静态页面) SubTopH前端开发个人站 https://subtop.gitee.io/subtoph.github.io/#/home  基础弹窗效果组件 在页面使用 父组件

    2024年02月14日
    浏览(39)
  • 微信小程序---图片裁剪、旋转、预览、上传功能实现(已经封装成组件,需要的到资源下载)

    1、可以拍摄或选择本地图片上传图片数据 2、图片上传数据可以进行裁剪、选择、取消、裁剪后预览、上传以及限制大小,还可以缩放操作,需要的可以解除限制即可 1、点击图片上传按钮时,跳转页面到cropper进行图片选择剪切 wx.navigateTo({       url: `/pages/cropper/cropper?d

    2023年04月26日
    浏览(42)
  • 微信小程序授权登录时先判断是否勾选协议再弹出获取手机号的弹窗

    思路:设置两个一样的按钮,一个是点击事件的按钮,用来判断是否已勾选;另一个是授权登录的按钮,用来获取用户信息

    2024年02月11日
    浏览(68)
  • 一文看懂微信小程序新版隐私协议(附带弹窗组件)

    微信小程序近期又迎来了一次改革–9月15日之后如果小程序涉及调用微信的隐私接口获取用户的信息的,需要用户手动同意协议后才可正常调用接口,否则会返回报错信息。 隐私接口目前常用的有:手机号快捷获取、读取照片、获取用户的头像昵称(包括快捷填写能力)等。

    2024年02月09日
    浏览(27)
  • 微信小程序基本使用2:wxs,组件的使用以及弹窗、滚动条

    WXS(WeiXin Script)是小程序的一套脚本语言,结合 WXML ,可以构建出页面的结构。 可以在模版中内联少量处理脚本,丰富模板的数据预处理能力。 wsx 在IOS设备上性能是JavaScript的2-20倍 内嵌式 module=“属性值” 关联式 在utils下创建文件tools.wxs 在wxs文件中直接写方法,最后通过

    2024年02月02日
    浏览(44)
  • uniapp小程序中给web-view页面添加授权弹窗(使用cover-view组件覆盖实现该功能)

    效果图: web-view是承载网页的容器。会自动铺满整个小程序页面,个人类型的小程序暂不支持使用。 再看下面一个提示: 每个页面只能有一个 web-view,web-view 会自动铺满整个页面,并覆盖其他组件。 也就是说,小程序中使用web-view打开网页,在页面上写的其它组件会直接被

    2024年02月03日
    浏览(37)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包