效果图:
1、H5页面----手机号写死：
<!-- #ifdef H5 -->
<a href="tel:10086">h5平台下拨打</a>
<!-- #endif -->
2、H5页面----动态获取手机号拨打：
<view>
<a :href="'tel:' + phone">拨打</a>
</view>
data() {
return {
phone: ''
}
},
APP:
<view @click="boda">
<!-- #ifdef APP-PLUS -->
<text>{{phone}}</text>
<!-- #endif -->
<!-- #ifdef H5 -->
<a :href='phones'>{{phone}}</a>
<!-- #endif -->
</view>
小程序：文章来源：https://www.toymoban.com/news/detail-725102.html
<view class="make-phone" @click="makePhone">{{phone}}</view>
methods:文章来源地址https://www.toymoban.com/news/detail-725102.html
<script>
export default {
data() {
return {
phone: '',
phones: '',
}
},
onShow() {
//H5
this.phones = 'tel:' + 10086
},
methods: {
boda() {
//或者 wx.makePhoneCall({
uni.makePhoneCall({
phoneNumber: this.phone
success: function() {
console.log("拨打电话成功！")
},
fail: function() {
console.log("拨打电话失败！")
}
});
},
makePhone() {
wx.makePhoneCall({
phoneNumber: this.phone
success: function() {
console.log("拨打电话成功！")
},
fail: function() {
console.log("拨打电话失败！")
}
});
},
}
}
</script>
到了这里，关于uniapp H5页面、小程序页面获取手机号拨打电话的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
![uniapp - [最新] 超详细实现支付宝小程序获取手机号、个人信息，支付宝弹框授权拿到用户手机号与昵称头像等信息完整流程（详细示例源码与注释，一键复制快速应用到项目中）](https://imgs.yssmx.com/Uploads/2024/02/463233-1.png)
