微信小程序-button opentype

雪酒呀 雪酒呀 博客等级 墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 3.1k累计阅读 3.1k平均单平台 已同步平台 优快云 微信公众号 微博 知乎 掘金 百家号 博客园 抖音 小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网 我也要 码龄6年
关注
原创 最新推荐文章于 2026-03-30 02:32:29 发布 3.1k 阅读 AI 写同款· GEO 优化 ›
微信小程序基础(三) 10.4. swiper 微信内置轮播图组件 10.4.1. swiper 滑块视图容器。 具体属性官网链接:swiper详细使用官方网址 10.4.2. swiper-item 滑块 仅可放置在swiper组件中，宽高自动设置为100%。 10.5. navigator 导航组件 类似超链接标签 属性 类型 默认值 必填 说明 最低版本 target string self 否 在哪个目标上发生跳转，默认当前小程序 2.0.7 url string 否 当前小程序内的跳转链接 1. 阅读详情

文章目录

open-type=“contact”：打开客服会话窗口

在这里插入图片描述

open-type="share"触发用户转发：不能发送朋友圈

在这里插入图片描述

open-type="getPhoneNumber"获取用户手机号，配合bindgetphonenumber事件使用

我这边的id没认证，暂时不能获取。
获取到的手机号数据是加密后的数据，需要到服务端进行解密，解密后返回

在这里插入图片描述

open-type="getUserInfo"获取用户信息，配合bindgetuserinfo事件进行使用

ps:从21年4.13号之后返回的数据是加密的
在这里插入图片描述

新的获取用户信息方法，任意控件绑定监听事件，调用 wx.getUserProfile方法

官方文档

https://developers.weixin.qq.com/miniprogram/dev/api/open-api/user-info/wx.getUserProfile.html

  getinfo(){
    wx.getUserProfile({
      desc:"完善个人信息",
      success(e){
          console.log(e);
      }
    })
  },

在这里插入图片描述

open-type="openSetting"打开授权页面

在这里插入图片描述

open-type="feedback"打开意见反馈页面，目前只在真机可以

收录于
微信小程序

当前文章被收录于：

微信小程序
32 篇文章 0 人学习

个人笔记

订阅专栏 查看详情
标签
#小程序 #js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
关于自定义客服会话contact同时兼容自动和人工客服使用 首先，我们知道，可以通过button中的属性open-type="contact"，实现小程序用户和小程序所有者客服对话。 <button open-type="contact">客服</button> 在没有任何程序干预的情况下， 客服消息可直接在网页版客服工具（https://mpkf.weixin.qq.com/）和小程序版客服工具（客服小助 手）查看并回复用户消息。 但是，有时有特殊需求，比如： 1、用户打开客服会话，默认给出提示信息 2、需要自定义客服消 阅读详情

相关推荐

深入探究微信小程序button组件open - type 的开放能力

本文介绍微信小程序中按钮的 open-type 微信开放能力，包括 contact 打开客服会话、liveActivity 获取订阅消息 code 等多种类型，可实现转发、获取手机号、用户信息等功能，还能打开 APP、授权页、反馈页等，部分功能有回调或参数设置，含案例分析。

前端基地 1846

关于open-type

原文：小程序新方法 open-type获取头像昵称 https://www.jianshu.com/p/e4657f16a82c 小程序自上线以来，官方一直在调整API，因此也出现了一批被废弃的接口，作为程序员的我们，此时此刻千万不能为这不断的变化而感到头疼，应当与时俱进，不断的更新自己的知识储备和应用技能。 参考文档：https://developers.weixin.qq.com/mi...

lyy的博客 5610

微信小程序 # “我的”页面打开客服会话 button样式重写

问题背景 目前（2020.06.12）发现小程序客服会话还是只能通过button触发，openType给一个contact 考虑到美观需要重写button样式 为了防止重复劳动，特地记录一下代码 代码 关键部分: .text{ padding: 0; margin: 0; border: 0; box-sizing: content-box; line-height: inherit; text-align: left; font-size:inherit; width:

skysys的研究小屋 1483

微信小程序——button中的open-type

微信小程序——button中的open-type

weixin_61972561的博客 3296

深入C6678启动流程：从BootRom参数表到多核镜像部署的完整解析

本文深入解析TMS320C6678 DSP的启动流程，从BootRom参数表到多核镜像部署的全过程。详细介绍了七种启动模式的工程选择、多核镜像构建技巧以及二级引导策略，帮助开发者掌握C6678的启动机制与调试方法，提升嵌入式系统开发效率。

weixin_30505225的博客 612

基于TL431与光耦的电压反馈环路优化设计实战

本文深入探讨了基于TL431与光耦的电压反馈环路优化设计实战。文章从理解这对“黄金搭档”的工作原理入手，详细拆解了电压采样电阻网络、偏置电路、光耦工作点设置以及动态补偿网络的设计心法与计算步骤。重点分享了如何通过RC补偿网络调试，确保环路在各种负载下稳定可靠，并提供了关键的实战避坑指南，帮助工程师解决电源设计中常见的振荡、噪声及可靠性问题。

nginx7reverse的博客 777

记Taro之Button犯的错

需求:分享功能 Button有个openType的属性,设置openType="share"就可以了,注意可以使用onShareAppMessage这个函数来设置分享的内容,但要注意此函数在子组件中不能生效,在父组件中才生效(分享功能在子组件中) &lt;View className="topic-item-part-in-item"&gt; &lt;Button openType=...

L_AMiao的博客 3272

避坑指南：Unity新版InputSystem在移动端的5个常见问题及解决方案

本文针对Unity新版InputSystem在移动端开发中的常见问题，提供了5个关键解决方案，包括虚拟摇杆灵敏度调节、多点触控冲突处理、按钮反馈延迟优化、手势识别与陀螺仪数据融合以及Android/iOS平台差异处理。这些实战经验帮助开发者高效解决触控适配难题，提升移动游戏体验。

soda5的博客 405

微信小程序之收藏功能、分享功能、客服功能

微信小程序收藏功能： 首先在wxml页面布局： <view class="top"> <!-- 点击收藏的图片 --> <img src="../image/home.png" catchtap="tocar" wx:for="{{!car}}"> <!-- 取消收藏的图片 --> <img src="../image/home_active.png" catchtap="tocar" wx:for="{{car}}"> </

七的博客 2217

前端开发学习--登录和注册页面设计（html和css，可完成两个页面点击切换）

今天学习了登录和注册页面的设计，主要是HTML和CSS部分，注册和切换采用了Js代码进行，后面将通过js进行填写内容的验证，进而可通过JSP跳转到Servlet进行DAO数据的校验，这属于后端部分了。 总体设计思路：整个页面设计可以分为主体（content）、头部（content-header）、内容（content-body）三个部分组成，其中是主体是根部，包含了头部和内容，头部和内容各自下设两...

weixin_43691879的博客 1万+

深度学习之Pytorch---本人踩过的坑（报错总结）第十篇

深度学习之Pytorch安装时遇到的问题—本人踩过的坑（报错总结） 报错一：pip install torchvision 出现“由于目标计算机积极拒绝，无法连接”的问题 解决方案：找到自己浏览器的工具或选项，我的是火狐，具体解决方案如下图 然后找到桌面左下角，点击搜索internet,然后点击internet选项 最后回到Anaconda Prompt命令行输入pip install...

qq_41570307的博客 1914

微信小程序的客服功能实现

在微信小程序中，是有一个自带的客服功能的，没有激活的事件，想要打开客服的功能只需要一个按钮 button按钮提供了一个opentype属性，当我们将opentype值赋值为contac的时候就已经实现了一个客服的功能 在PC端小程序开发者工具里面是没有办法测试这个功能的，在真机测试发送客服消息也是完全没有问题的，但是客服的消息都发送到了哪里呢？ 如果你的小程序没有绑定客服的话，需要先进入微信开放平台，登录你的小程序账号， 在功能中有一个客服的选项 添加完客服之后，还是不能收到信..

qq_24537119的博客 6817

Unity - gamma space下还原linear space效果

还有头发之后的 （头发没有处理完整，因为使用 ASE 连连看练出来的，使用 surface shader，虽然可以生成一下 vert, frag 的方式在修改，但是我懒得去修改了，这样就是 PBR 的 BRDF 里面的部分曲线是不一样的，所以可以看到头发有一些差异）其实上面的代码判断 是否有分量 > 1.0f 的方式来判断是否 HDR 是不太合理的，因为不同的贴图格式的编码方式不同。还有比较隐蔽的一些颜色相关的常量值 （比如PBR中的 绝缘体的 F0 常量值，等等）

Jave.Lin 的学习笔记 2830

Taro小程序分享小结

Taro小程序分享小结 在开发小程序的时候遇到自定义分享按钮分享卡片到好友的需求，由于小程序的分享只有在页面js中定义了onShareAppMessage(Object)方法才会出现右上角的分享按钮。 object参数 onShareAppMessage(Object)事件需要返回一个Object对象对象里面包含要分享的标题，转发的路径，以及自定义图片的路径。完成了这一系列操作就可以愉快的去...

V_AYA_V的博客 3516

AI订单流异常检测：精准识别与闭环处置

本文系统阐述了订单流AI驱动的可视化与异常解释系统的构建策略。核心包括：1）多维度融合的异常检测技术，结合数据指纹、行为图谱和时序分析实现精准识别；2）分级分类与自动化处置机制，通过规则矩阵和风险熵值量化进行智能决策；3）基于SHAP/LIME的可解释性技术，提升决策透明度；4）千万级数据训练要求，确保模型达到87%以上的F1值。系统采用Flink+PAI实时计算架构，支持从异常检测到根因分析的完整闭环，为电商、金融等领域的订单风险管理提供智能化解决方案。

2401_83000568的博客 1360

Outlook Express 6 (OE6) for Win7/Win8/Win10

英文版 Outlook Express6.0， 兼容Win7/Win10/WinXP，解压就可用。

深度解析 TDesign 小程序 Dialog 组件 openType 痛点：从原理到解决方案

在微信小程序开发中，`openType`（开放能力）是实现用户交互的核心属性之一，尤其在登录、分享等关键场景中不可或缺。然而，当开发者在 TDesign 小程序组件库中使用 Dialog 组件的 `openType` 时，常常会遇到以下痛点： - 配置了 `openType="getUserInfo"` 却无法触发授权回调 - 按钮点击后无响应，控制台无任何错误提示 - 自定义按钮样式后 `op...

gitblog_07579的博客 900

C# WinForm 基于DirectShow.dll编写的程序，可边预览边保存视频，音频和图片

基于微软的DirectShow.dll的二次开发1.自动识别连接的摄像头跟麦克风且可以对其进行选择（默认选中第一个）2.可录制wmv和avi两种格式的视频并且都带有音频，avi可以录制的分辨率和帧数进行选择，wmv默认进行了淸晰度优化如不喜欢可去除代码中有相关提示3.可在预览点开之后进行拍照，也可边录制视频边拍照4.添加了视频和音频的压缩功能（酌情使用）这次二次开发发现C#对DirectShow的相关信息太少，这次做完也不敢藏私共享出来，还望大家指正

微信小程序button按钮指定open-type事件点击提交之前做数据检查

微信小程序按钮通过open-type指定小程序内置事件，如何在事件调起之前做其他检查工作，这里采用了取巧的办法，通过状态来改变按钮的显示，从而实现数据检查功能。

feinifi的博客 424

IEM模型，地表粗糙度模拟

利用微波反演土壤水分时候，利用IEM模型可以实现对随机地表的模拟

老版QQ原生表情gif动态

这是老版的QQ表情，不过全是动态的的，Windows照片查看器是不会动的，可以右击用浏览器打开查看，再说一遍是老版的，只是分享给宁愿用老版也要动态的人。

去除微信小程序的button组件的边框

在微信开发者工具里面的调试器上看不到元素的伪类，所以不容易找到那个边框。实际上微信的button的边框是用伪类实现的，所以用伪类样式去掉。 button:after { 　　border: none; } 转载于:https://www.cnblogs.com/coconutGirl/p/8557005.html...

abc589721的博客 324

小程序分享功能

不止是分享，然后还有小程序本身，再上传的时候尽量把测试的console.log全部去掉。可能也是当时测试没细心，console一个字段报了个错，导致下面的流程没有走，其实把console去掉了什么事都没有了，另外一种触发分享是button， 定义这样一个属性为openType，值为share的按钮也可以触发分享。// 路径（path）是app.json里配置的路径。//转发取消或失败的回调。商品分享带参:商品id和用户id。//监测页面按钮分享。

apple_51426592的博客 1173

小程序中button标签的open-type属性

小程序中button标签的open-type属性 open-type (微信开放能力)：合法值中的其中之一： 　　getUserInfo说明：引导用户授权 而获取用户信息，可以从bindgetuserinfo回调中获取到用户信息 而按钮的bindgetuserinfo属性 说明：用户点击该按钮时，会返回获取到的用户信息，回调的detail数据与wx.getUserInfo返回的一致，open-type="getUserInfo"时有效 如： 一： wxml...

yj_xy的博客 5580

uniapp 微信小程序 动态分享 带参数

uniapp 微信分享 小程序分享 动态分享 分享带参数

一个普通且勤奋的bug开发师 6128

微信小程序支付分功能：vant-weapp授权组件应用

你是否还在为微信小程序支付分授权流程复杂而烦恼？用户授权操作繁琐、界面不统一、兼容性问题频发？本文将详细介绍如何利用vant-weapp组件库中的授权相关组件，快速实现支付分功能的授权流程，让你轻松搞定用户授权难题。读完本文，你将掌握vant-weapp中Button、ActionSheet、Dialog等组件在支付分授权场景下的应用方法，以及完整的授权流程实现逻辑。 ## 支付分授权组件选择 ...

gitblog_00254的博客 550

【小程序】使用button的open-type="getUserInfo"引导用户进行授权

一、 前言 小程序官方文档，上面说明 wx.getUserInfo(OBJECT) 注意：此接口有调整，使用该接口将不再出现授权弹窗，请使用 &amp;amp;amp;lt;button open-type=&amp;amp;quot;getUserInfo&amp;amp;quot;&amp;amp;amp;gt;&amp;amp;amp;lt;/button&amp;amp;amp;gt; 引导用户主动

Liz's blog hut. 6万+

微信小程序客服功能的实现

button按钮提供了一个opentype属性，当我们将opentype值赋值为contac的时候就已经实现了一个客服的功能 <button open-type="contac">客服</button>

weixin_48456818的博客 642

微信小程序（11. 开放能力）

微信小程序（1.基础知识）微信小程序（2.配置文件）微信小程序（3.常用样式和组件）微信小程序（4.事件系统）微信小程序（5.模板语法）微信小程序（6.生命周期）微信小程序（7.原生 API ）微信小程序（8.自定义组件）微信小程序（9. npm 支持）微信小程序（10. 分包加载）微信小程序（11. 开放能力）

moments的博客 1202
上一篇： C语言-结构体+文件操作+排序练习
下一篇： 微信小程序---获取表单数据
点赞 2
评论 2
书签 书签 7
雪酒呀
雪酒呀
博客等级 码龄6年 3609粉丝 122原创
+ 关注 专栏目录 订阅专栏
评论 2
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值