微信小程序-- button按钮详解

1.下面我们会说到button组件的一些信息，关于button组件的一般属性我在这里就不详细介绍了，大家可以去到微信开放文档里看一些具体介绍。

这个是网址：button | 微信开放文档

接下来我们来看看关于button组件中的open-type中的一些开放能力。

2.button 开放能力

open-type：

1.contact：直接打开客服对话功能，需要在微信公众平台里配置，添加自己小程序的客服。这个功能且需要真机调试才能使用。

2.share：分享功能，转发当前小程序到好友或者群聊中，但不能分享到朋友圈。

3.getPhoneNumber：获取当前用户的手机账号信息，需要绑定一个事件来使用，不是企业小程序没有资格获取手机号码信息。

1.需要绑定一个事件bindgetphonenumber

2.在事件的回调函数中，通过函数的参数来获取信息

在wxml中：

<button plain open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber">获取手机号码</button>

在当前文件的js中：

Page({getPhoneNumber(e){console.log(e);}

4.getUserInfo：获取当前用户的个人信息，需要绑定事件bindgetuserinfo，用法与getPhoneNumber相同。

5.launchApp：在小程序中直接打开app，不过有前提条件。

1.需要在app中通过某个链接打开小程序

2.然后通过小程序的这个功能来打开app

6.openSetting：打开授权设置页

1.授权页面中只会出现用户曾经点击过的权限

7.feedback: 打开小程序内置的意见反馈页面，这个也需要真机调试才能使用。

微信小程序-- button按钮详解相关推荐

php小程序地图处理,微信小程序地图map详解及简单实例
微信小程序地图map 微信小程序map 地图属性名类型默认值说明longitudeNumber中心经度 latitudeNumber中心纬度 scaleNumber1缩放级别 markersArra ...
小程序向Java传值,微信小程序页面传值详解
微信小程序页面传值详解一. 跨页面传值. 1 . 用 navigator标签传值或 wx.navigator, 比如这里将good_id=16 参数传入detail页面, 然后detail页面的 ...
微信小程序详解 php,微信小程序canvas基础详解
canvas 元素用于在网页上绘制图形.HTML5 的 canvas 元素使用 JavaScript 在网页上绘制2D图像.本文主要和大家分享微信小程序canvas基础详解,希望能帮助到大家. 一.了 ...
微信小程序底部菜单详解
微信小程序底部菜单详解只需要在app.json里面修改配置,即可 {"pages":["pages/index/index","pages/logs ...
微信小程序详解 php,微信小程序列表开发详解
本文主要和大家分享微信小程序列表开发详解,主要以代码的形式和大家分享,希望能帮助到大家. 一.知识点 (一).列表渲染 wx:for tip:wx:for="array"可以等于参 ...
php 微信小程序循环多选,微信小程序 for 循环详解
1,wx:for 在组件上使用wx:for控制属性绑定一个数组,即可使用数组中各项的数据重复渲染该组件.默认数组的当前项的下标变量名默认为index,数组当前项的变量名默认为item 事例如下: wx ...
【迷宫】地下迷宫游戏-微信小程序开发流程详解
可曾记得,小时候上学路边买的透明铅笔盒,里面内嵌了一个小球,它用重力可从起点滚动到终点,对小朋友来说是感觉有趣的,在这个游戏的基础上,弄一款微信小程序的迷宫探索游戏试试,在不同关卡的迷宫中解开机关与谜 ...
微信小程序中 setData 详解
虽互不曾谋面,但希望能和您成为笔尖下的朋友以读书,技术,生活为主,偶尔撒点鸡汤不作,不敷衍,意在真诚吐露,用心分享点击左上方,可关注本刊标星公众号(ID:itclanCoder) 如果不知道如 ...
微信小程序button按钮无法更改尺寸解决
在微信小程序新版本中, button按钮无法支持在wxss文件中直接自定义width 和 height 解决方法有两种: 1. 推荐使用: 在根目录中的app.json文件中, 删除其中的 &q ...

微信小程序-- button按钮详解

微信小程序-- button按钮详解相关推荐

最新文章

热门文章