微信小程序点击按钮跳转到拨打电话功能

巨蟹座守护骑士

已于 2023-12-22 17:46:41 修改

阅读量4.6k

点赞数 2

分类专栏：微信小程序文章标签：小程序微信小程序

于 2023-07-14 17:48:37 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_70563937/article/details/131728677

版权

微信小程序专栏收录该内容

23 篇文章

订阅专栏

该文章展示了如何在微信小程序中创建一个视图组件，根据条件显示手机号并监听点击事件进行拨打电话。当用户点击时，JavaScript函数`makeCall`会被触发，使用`wx.makePhoneCall`API来拨打电话。此功能在Android和iOS上行为略有不同，iOS需要用户确认才能拨号。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.wxml页面

<view wx:if="{{datalist.mobile !=''}}" data-contact="{{ datalist.mobile }}" catchtap='makeCall'>手机号：{{ datalist.mobile }} <text style="color: coral;">点击拨打</text></view>
      <view wx:else>手机号：{{ datalist.mobile }}</view>

2.js页面

  // 拨打电话
  makeCall(e) {
    // 获取绑定的电话号码  我这里的电话号是绝对正确的，如果绑定的电话号码有可能不正确建议判断一下
    console.log(e.currentTarget.dataset.contact);
    // 调用微信的拨打电话API 安卓直接跳转到手机拨号页面  苹果要用户点击同意才跳转
    wx.makePhoneCall({
      phoneNumber: e.currentTarget.dataset.contact,
    })
  },

3.跳转