1. Toy模板网首页
  2. > Toy博客

uniapp H5页面、小程序页面获取手机号拨打电话

7月前 作者：maoge_666 分类：Toy博客 阅读(37) 违法举报

这篇具有很好参考价值的文章主要介绍了uniapp H5页面、小程序页面获取手机号拨打电话。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

效果图:
h5获取手机号码,uni-app,微信小程序,小程序

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>

小程序：

<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模板网！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处： 如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！

分享到：
领支付宝红包 赞助服务器费用

相关文章

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包，优惠每天领

二维码1

领取红包

二维码2

领红包