vue 移动端拨打电话

跨平台电话拨打解决方案

最新推荐文章于 2023-08-23 13:43:07 发布

原创最新推荐文章于 2023-08-23 13:43:07 发布 · 1.7k 阅读

8 ·

CC 4.0 BY-SA版权

文章标签：

#vue

Vue 专栏收录该内容

16 篇文章

订阅专栏

方法：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) { // iOS
      this.$refs.tels.href = 'tel://' + this.tel;
      this.$refs.tels.click();
    } else {
      // 安卓
      window.location.href = 'tel://' + this.tel;
    }
  }
}