当前位置：网站首页>uni-app实现app和H5调用手机拨号功能

uni-app实现app和H5调用手机拨号功能

2022-08-11 01:19:00 【Treasure girl1】

app

<view class="foortab_s gui-flex gui-align-items-center gui-space-between" @click="dial">
		<view class="gui-flex gui-align-items-center">
				<image src="/static/my/ic-k.png" mode="widthFix"></image>
				<text>客服中心</text>
		</view>
		<!-- #ifdef APP-PLUS -->
		<text>{
   {phone}}</text>
		<!-- #endif -->
		<!-- #ifdef H5 -->
		<a :href='phones'>{
   {phone}}</a>
		<!-- #endif -->
</view>

// 拨打电话
<script>
export default {
	data() {
			return {
				phone: '',
				phones: '',
			}
	},
    onShow() {
        //H5
		this.phones = 'tel:' + 178944411
	},
   	methods: {
		dial() {
			uni.makePhoneCall({
					phoneNumber: this.phone
			});
		},	
	}
	
}
</script>

h5调用手机的拨号功能
使用a标签href属性中的tel；
动态绑定手机号

原网站

版权声明
本文为[Treasure girl1]所创，转载请带上原文链接，感谢
https://blog.csdn.net/Xinacridine/article/details/126223349

边栏推荐

猜你喜欢

随机推荐