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

方法一：在 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>

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