微信小程序点击手机号跳转至拨号页面

方法一：在 WXML 中添加可点击的手机号元素

使用 <text>或<view>组件通过bindtap 绑定点击事件直接实现

复制代码

<!-- 示例：点击手机号拨打电话 -->
<view bindtap="callPhone" data-phone="18900000000">
  点击拨打：18900000000
</view>

<script>
Page({
  callPhone(e) {
    const phoneNumber = e.currentTarget.dataset.phone;
    wx.makePhoneCall({
      phoneNumber: phoneNumber,
      success: () => {
        console.log("拨号成功");
      },
      fail: (err) => {
        console.error("拨号失败", err);
      },
    });
  },
});
</script>

wx.makePhoneCall 会直接调用系统拨号界面，但是必须要等用户确认后才会拨出电话

方法二：手机号需要用户授权获取

使用 open-type="getPhoneNumber"（适用于获取用户手机号）

复制代码

<!-- WXML -->
<view open-type="getPhoneNumber" bindgetphonenumber="handlePhoneNumber">
  获取手机号并拨打
</view>

<script>
Page({
  handlePhoneNumber(e) {
    if (e.detail.errMsg === "getPhoneNumber:ok") {
      const encryptedData = e.detail.encryptedData;
      const iv = e.detail.iv;
      // 这里需要解密 encryptedData 获取真实手机号（需后端配合一起获取）
      wx.request({
        url: "YOUR_SERVER_API",
        data: { encryptedData, iv },
        success: (res) => {
          const phone = res.data.phone; // 假设返回手机号
          wx.makePhoneCall({ phoneNumber: phone });
        },
      });
    } else {
      console.error("用户拒绝授权");
    }
  },
});
</script>

方法需后端解密，不能直接在前端获取手机号