js h5拉起拨打电话

2022-10-24  本文已影响0人  AAA_si

h5+vue拨打电话功能其实很简单,但是经过测试ios不行。这边我给大家说下我们的解决办法

<div class="call" @click="call">拨打电话</div>
// js
call(){
 window.location.href = 'tel://400-920-5245';
},
注意:window.location.href = 'tel://400-920-5245';IOS无效,安卓有效

改

<div class="call" @click="call">拨打电话</div>
<a href="" v-show="false" ref="tels"></a>  // 多加一个a标签拉起打电话
// js
call(){
 this.$refs.tels.href = `tel://400-920-5245`
 this.$refs.tels.click()
},

⚠️ 简单来说,a标签唤起的拨打电话,ios是可以支持的。

如果没有解决你的问题。而且你的页面是嵌套在APP中。
1⃣️ 有可能IOS的WKWebView调用的h5。需要ios去做一些兼容。
2⃣️ 条件允许的情况下,直接让ios去写拨打电话的方法。你只需要负责调用

1⃣️的话你可以看下这个大佬的方法
完!

上一篇下一篇

猜你喜欢

热点阅读