vue 移动端拨打电话

方法：window.location.href = 'tel://' + 电话号码;——对安卓支持；iOS不支持

iOS需要多加一个a标签；

写法：

<div class="contact-line contact-tel"><div>手机号</div><div class="tel">{{tel}}</div><div @click="callTel()">拨打</div><a href="" v-show="false" ref="tels"></a>
</div>

callTel: function(e) {if (this.is_uptodate) {if(platform.isIos) { // iOSthis.$refs.tels.href = 'tel://' + this.tel;this.$refs.tels.click();} else {// 安卓window.location.href = 'tel://' + this.tel;}}
}

vue 移动端拨打电话相关推荐

web端拨打电话、发送短信
** web端拨打电话.发送短信 ** 在做一个微信的微网站中的一个便民服务电话功能的应用,用到移动web页面中列出的电话号码,点击需要实现调用通讯录,网页一键拨号的拨打电话功能. 如果需要在移动浏览 ...
react-native拨打电话和安卓端拨打电话
react-native Linking.openURL('tel:'+phoneNum); andoid 第一种 /*** 拨打电话(直接拨打电话)* @param phoneNum 电话号码*/ ...
vue页面实现拨打电话功能
vue template: <p class="telNum" @click="callPhone(phoneNum)">{{phoneNum}}& ...
微信小程序ios端唤醒不了拨打电话或者部分电话拨打不了解决方案
目录简介技术问题解决方案简介主要解决微信小程序ios端唤醒不了拨打电话或者部分电话拨打不了问题,使用安卓手机就可以轻松的唤醒拨打电话. 技术 uni-app前端小程序框架问题在调试微信 ...
vue实现微信扫码拨打电话
vue实现微信扫码拨打电话首先确定下要做什么~~ 1.展示一张二维码 2.用户打开微信扫一扫,扫描这张二维码 3.用户手机上弹出拨打电话窗口那么根据这几点,就有了几个问题: 1.如何生成二维码 2 ...
如何在H5移动端页面中调起手机拨打电话功能？
文章目录一.如何在H5移动端页面中调起手机拨打电话功能? 二.Vant搭建页面js函数调用弹窗,如何实现对应点击功能? 一.如何在H5移动端页面中调起手机拨打电话功能? <a href=&qu ...
移动端实现点击号码拨打电话
移动端实现点击号码拨打电话很多网站为了方便与客户沟通会在底部增加联系电话,自己用手按是不方便的,往往需要做成点击电话实现直接拨号功能描述:使用 a 标签实现拨号功能 // 实现拨号关键字段 'te ...
vue移动端点击电话图标跳转拨打电话功能
vue移动端点击电话图标跳转拨打电话功能项目场景: 最近做app的时候,遇到点击电话小图标跳转到拨打电话功能 ![如图所示](https://img-blog.csdnimg.cn/20210519 ...
移动端利用原生h5拨打电话
移动端利用原生h5拨打电话话不多说直接上代码,亲测可用,这个在移动浏览器和微信开发好用,app混合开发的话,最好结合app混合开发的api,例如uni,cordova等 <!DOCTYPE h ...

vue 移动端拨打电话

vue 移动端拨打电话相关推荐

最新文章

热门文章