小程序前置授权组件如何开发

今天小编给大家分享一下小程序前置授权组件如何开发的相关知识点，内容详细，逻辑清晰，相信大部分人都还太了解这方面的知识，所以分享这篇文章给大家参考一下，希望大家阅读完这篇文章后有所收获，下面我们一起来了解一下吧。
因为授权基本信息 / 手机号必须使用小程序原生的的button，然后指定open-type后通过回调才能拿到相关信息(wx.getUserInfo()已经不能弹窗啦，必须通过button弹窗)，但是需要前置授权的点击区域样式又不一定是button的样式，所以决定使用一个透明的原生but免费云主机域名ton 覆盖在点击区域之上，在视觉上实现无差别授权。通过是否授权字段来决定该按钮是否显示。
因为小程序中可能有多个需要相同授权的点击区域，所以决定用观察者模式来实现，即其中一个组件授权后，更新所有相同授权的组件，隐藏授权button。
因为需要让授权button完全覆盖在点击区域之上，所以需要让slot里面的内容撑开父级定位元素，然后授权button绝对定位在该父元素内，宽高都设为100%即可。也可以通过小程序组件的externalClasses从组件外部指定样式。代码如下：
properties
openType通过设置不同的参数来设置组件的授权类型
data
authorized通过该值控制授权按钮是否显示
attached
在组件的attached阶段，判断用户是否授权，如果授权，直接将authorized置为false
如果用户没有授权，则初始化监听器
detached
移除监听器
需要在组件外部绑定点击区域本身的点击事件，在已经授权的情况下会触发点击回调。
详细代码：
可以根据业务需要扩充open-type的相关逻辑，案例中只有 userInfo 和phoneNumber。
不能在slot上直接绑定tap事件，在基础库版本为1.9.7及以下版本无法响应事件，所以在外部再包一层view以上就是“小程序前置授权组件如何开发”这篇文章的所有内容，感谢各位的阅读！相信大家阅读完这篇文章都有很大的收获，小编每天都会为大家更新不同的知识，如果还想学习更多的知识，请关注百云主机行业资讯频道。

相关推荐: C++函数指针,对象指针,this指针,指向类静态怎么用

这篇文章主要介绍了C++函数指针,对象指针,this指针,指向类静态怎么用的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇C++函数指针,对象指针,this指针,指向类静态怎么用文章都会有所收获，下面我们一起来看看吧。函数的代码在内…