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

前端基地

于 2025-03-04 09:11:55 发布

阅读量1.2k

点赞数 25

分类专栏： 07微信小程序从入门到精通文章标签：微信小程序小程序客服会话案例微信分享案例手机号验证案例授权设置案例微信小程序案例

本文链接：https://blog.csdn.net/chinayun_6401/article/details/146005150

版权

非 VIP 用户可前往公众号“前端基地”进行免费阅读，文章链接如下：

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

open-type的使用

button.wxml

<view class="w">  
  <view class="subTitle">open-type</view>  
  <button open-type="contact" bindcontact="contactFun">客服会话</button>  
  <button open-type="share">分享</button>  
  <button open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumberFun">手机号快速验证</button>  
  <button open-type="getRealtimePhoneNumber" bindgetrealtimephonenumber="getRealtimePhoneNumberFun">手机号实时验证</button>  
  <button open-type="getUserInfo" bindgetuserinfo="getUserInfoFun">获取用户信息</button>  
  <button open-type="launchApp" app-parameter="wechat" binderror="launchAppError">打开APP</button>  
  <button open-type="openSetting" bindopensetting="openSettingFun">打开授权设置页</button>  
  <button open-type="feedback">意见反馈</button>  
</view>

button.js

Page({
  contactFun(e){
    console.log(e);
    console.log(e.detail.path);//小程序消息指定的路径
    console.log(e.detail.query);//小程序消息指定的查询参数
  },
  getPhoneNumberFun(e){
    console.log(e);
    console.log(e.detail.code);//动态令牌
    console.