微信小程序button标签open-type属性原理解析


Posted in Javascript onJanuary 21, 2020

这篇文章主要介绍了微信小程序button标签open-type属性原理解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

open-type (微信开放能力):合法值中的其中之一:

getUserInfo说明:引导用户授权 而获取用户信息,可以从bindgetuserinfo回调中获取到用户信息

而按钮的bindgetuserinfo属性 说明:用户点击该按钮时,会返回获取到的用户信息,回调的detail数据与wx.getUserInfo返回的一致,open-type="getUserInfo"时有效

如:

一:

wxml文件:

微信小程序button标签open-type属性原理解析

.js文件:

微信小程序button标签open-type属性原理解析

二:

wxml文件:微信小程序button标签open-type属性原理解析

.js文件:

微信小程序button标签open-type属性原理解析

这样使用-------------------点击的时候要求用户授权,授权登录(bindgetuserinfo="自定义函数名")时获取用户信息(open-type="getUserInfo")!

(或是 获取用户信息(open-type="getUserInfo")授权登录(bindgetuserinfo="自定义函数名"))

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
js 解决“options为空或不是对象”
Dec 22 Javascript
jquery对ajax的支持介绍
Dec 10 Javascript
js实现简洁的滑动门菜单(选项卡)效果代码
Sep 04 Javascript
js实现四舍五入完全保留两位小数的方法
Aug 02 Javascript
完美解决jQuery 鼠标快速滑过后,会执行多次滑出的问题
Dec 08 Javascript
AngularJS路由实现页面跳转实例
Mar 03 Javascript
微信小程序中页面FOR循环和嵌套循环
Jun 21 Javascript
vuex页面刷新后数据丢失的方法
Jan 17 Javascript
JS 获取文件后缀,判断文件类型(比如是否为图片格式)
May 09 Javascript
vue任意关系组件通信与跨组件监听状态vue-communication
Oct 18 Javascript
antd多选下拉框一行展示的实现方式
Oct 31 Javascript
vue实现列表垂直无缝滚动
Apr 08 Vue.js
Vue实现兄弟组件间的联动效果
Jan 21 #Javascript
微信小程序如何通过用户授权获取手机号(getPhoneNumber)
Jan 21 #Javascript
微信小程序如何实现精确的日期时间选择器
Jan 21 #Javascript
微信小程序如何实现点击图片放大功能
Jan 21 #Javascript
微信小程序修改checkbox的样式代码实例
Jan 21 #Javascript
微信小程序全选多选效果实现代码解析
Jan 21 #Javascript
js判断在哪个浏览器打开项目的方法
Jan 21 #Javascript
You might like
phpmyadmin安装时提示:Warning: require_once(./libraries/common.inc.php)错误解决办法
2011/08/18 PHP
php判断数组中是否存在指定键(key)的方法
2015/03/17 PHP
CodeIgniter多语言实现方法详解
2016/01/20 PHP
利用PHP如何写APP接口详解
2016/08/23 PHP
mysql查找删除重复数据并只保留一条实例详解
2016/09/24 PHP
laravel框架添加数据,显示数据,返回成功值的方法
2019/10/11 PHP
关于取不到由location.href提交而来的上级页面地址的解决办法
2009/07/30 Javascript
获取网站跟路径的javascript代码(站点及虚拟目录)
2009/10/20 Javascript
基于jquery跨浏览器显示的file上传控件
2011/10/24 Javascript
jquery validation验证身份证号,护照,电话号码,email(实例代码)
2013/11/06 Javascript
jQuery学习笔记之2个小技巧
2015/01/19 Javascript
nodeJS代码实现计算交社保是否合适
2015/03/09 NodeJs
JavaScript面向对象分层思维全面解析
2016/11/22 Javascript
Vue.js第四天学习笔记
2016/12/02 Javascript
JavaScript中的toString()和toLocaleString()方法的区别
2017/02/15 Javascript
layui文件上传实现代码
2017/05/20 Javascript
JavaScript实现QQ聊天消息展示和评论提交功能
2017/05/22 Javascript
js数组实现权重概率分配
2017/09/12 Javascript
浅谈vue中数据双向绑定的实现原理
2017/09/14 Javascript
js实现手机web图片左右滑动效果
2017/12/29 Javascript
vue.js实现带日期星期的数字时钟功能示例
2018/08/28 Javascript
WebGL学习教程之Three.js学习笔记(第一篇)
2019/04/25 Javascript
React 父子组件通信的实现方法
2019/12/05 Javascript
JavaScript实现轮播图特效
2020/04/10 Javascript
如何在Vue项目中添加接口监听遮罩
2021/01/25 Vue.js
[37:37]DAC2018 4.4 淘汰赛 Optic vs Mineski 第二场
2018/04/05 DOTA
[10:21]DOTA2-DPC中国联赛 正赛 PSG.LGD vs Aster 选手采访
2021/03/11 DOTA
python3实现windows下同名进程监控
2018/06/21 Python
HTML5中input[type='date']自定义样式与日历校验功能的实现代码
2017/07/11 HTML / CSS
html5 http的轮询和Websocket原理
2018/10/19 HTML / CSS
学校安全教育月活动总结
2014/07/07 职场文书
公司法人授权委托书范本
2014/09/12 职场文书
刑事辩护词范文
2015/05/21 职场文书
Django与数据库交互的实现
2021/06/03 Python
SpringBoot生成License的实现示例
2021/06/16 Java/Android
python神经网络 tf.name_scope 和 tf.variable_scope 的区别
2022/05/04 Python