微信小程序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抽奖实现随机抽奖代码效果
Dec 02 Javascript
JavaScript定时显示广告代码分享
Mar 02 Javascript
详解webpack+es6+angular1.x项目构建
May 02 Javascript
微信小程序中的canvas 文字断行和省略号显示功能的处理方法
Nov 14 Javascript
Nuxt.js开启SSR渲染的教程详解
Nov 30 Javascript
this.$toast() 了解一下?
Apr 18 Javascript
浅谈vue限制文本框输入数字的正确姿势
Sep 02 Javascript
vue学习笔记之过滤器的基本使用方法实例分析
Feb 01 Javascript
jQuery实现获取多选框的值示例
Feb 07 jQuery
Vue使用vue-draggable 插件在不同列表之间拖拽功能
Mar 12 Javascript
jQuery 常用特效实例小结【显示与隐藏、淡入淡出、滑动、动画等】
May 19 jQuery
arcgis.js控制地图地体的显示范围超出区域自动弹回(实现思路)
Jan 28 Javascript
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
PHP实现的简单日历类
2014/11/29 PHP
Firefox getBoxObjectFor getBoundingClientRect联系
2008/10/26 Javascript
jquery自动填充勾选框即把勾选框打上true
2014/03/24 Javascript
Extjs grid添加一个图片状态或者按钮的方法
2014/04/03 Javascript
完美兼容IE,chrome,ff的设为首页、加入收藏及保存到桌面js代码
2014/12/17 Javascript
原生javascript实现Tab选项卡切换功能
2015/01/12 Javascript
使用jQuery Mobile框架开发移动端Web App的入门教程
2016/05/17 Javascript
AngularJS基础 ng-cut 指令介绍及简单示例
2016/08/01 Javascript
JavaScript鼠标事件,点击鼠标右键,弹出div的简单实例
2016/08/03 Javascript
jQuery日程管理插件fullcalendar使用详解
2017/01/07 Javascript
NodeJS使用七牛云存储上传文件的方法
2017/07/24 NodeJs
easyui datagrid 表格中操作栏 按钮图标不显示的解决方法
2017/07/27 Javascript
js实现以最简单的方式将数组元素添加到对象中的方法
2017/12/20 Javascript
使用weixin-java-tools完成微信授权登录、微信支付的示例
2018/09/26 Javascript
angularJs使用ng-repeat遍历后选中某一个的方法
2018/09/30 Javascript
layui动态渲染生成左侧3级菜单的方法(根据后台返回数据)
2019/09/23 Javascript
vue实现配置全局访问路径头(axios)
2019/11/01 Javascript
vue-cli3项目升级到vue-cli4 的方法总结
2020/03/19 Javascript
python执行等待程序直到第二天零点的方法
2015/04/23 Python
Python中方法链的使用方法
2016/02/23 Python
python制作小说爬虫实录
2017/08/14 Python
python3+PyQt5使用数据库表视图
2018/04/24 Python
Python+selenium 获取一组元素属性值的实例
2018/06/22 Python
python面试题小结附答案实例代码
2019/04/11 Python
Python使用sklearn库实现的各种分类算法简单应用小结
2019/07/04 Python
Python turtle库的画笔控制说明
2020/06/28 Python
Matplotlib 绘制饼图解决文字重叠的方法
2020/07/24 Python
利用django创建一个简易的博客网站的示例
2020/09/29 Python
Python try except finally资源回收的实现
2021/01/25 Python
Python3自带工具2to3.py 转换 Python2.x 代码到Python3的操作
2021/03/03 Python
html5使用Canvas绘图的使用方法
2017/11/21 HTML / CSS
美国购买和销售礼品卡平台:Raise
2017/01/13 全球购物
印度尼西亚电子产品购物网站:Kliknklik
2018/06/05 全球购物
ANINE BING官方网站:奢华的衣橱基本款和时尚永恒的单品
2019/11/26 全球购物
MVC的各个部分都有那些技术来实现?如何实现?
2016/04/21 面试题
保护环境演讲稿
2014/05/10 职场文书