vue实现调取手机的拨号界面

逃离我推掉我的手 2021-10-19 06:34 588阅读 0赞

### **结果图：** ###

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L01pc3NfbGlhbmdybQ_size_16_color_FFFFFF_t_70][]

手机上测试可以参考：[PC运行的代码，在手机上查看效果][PC]

### 核心代码：  ###

（注：a标签里面的代码是不可以修改的，修改的话就无法调取了）

### **<a :href="'tel:'+tel">拨打客服</a>** ###

### 代码如下： ###

<template>
      <div id="hello_world">
        <div class="call_btn">
          <a :href="'tel:'+tel">拨打客服</a>
        </div>
      </div>
    </template>
    <script>
      export default{
        data(){
          return{
            msg:'',
            tel:10086
          }
        }
      }
    </script>
    <style scoped="scoped">
    .call_btn{
      width: 90%;
      height: 40px;
      line-height: 40px;
      background:#55b737;
      text-align: center;
      margin:20px auto;
      border-radius: 10px;
    }
    .call_btn a{
      color: #FFFFFF;
      text-decoration: none;
    }
    </style>

\------------完。

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L01pc3NfbGlhbmdybQ_size_16_color_FFFFFF_t_70]: /images/20211018/0931e69501964725be027107bac65310.png
[PC]: https://blog.csdn.net/Miss_liangrm/article/details/99702247

发表评论取消回复

表情：

评论列表（有 0 条评论，588人围观）

还没有评论，来说两句吧...

相关阅读

相关 Android 打开拨号界面

//打开拨号界面并显示10086 Intent intent = new Intent(Intent.ACTION_DIAL); ...

灰太狼/ 2024年04月18日 19:58/ 0 赞/ 75 阅读

相关 php调取摄像头实现拍照功能

最近做的商户后台要实现调取摄像头拍摄用户打卡照片的功能，找资料研究了下，终于黄天不负有心人，成功了，下面我分步骤将代码贴出来，希望能有帮助。代码有点多，但是每一步都很好理解

Love The Way You Lie/ 2023年06月25日 04:59/ 0 赞/ 19 阅读

相关显示相应的系统窗口（设置、WIFI、拨号界面···）

打开拨号界面并传入对应的电话号码： Intent dialIntent = new Intent(Intent.ACTION_DIAL, Uri.parse("tel

小鱼儿/ 2022年06月16日 07:22/ 0 赞/ 192 阅读

相关 javaScript实现兼容手机端界面

我们在用asp.net开发时用到界面有EasyUI和BootStrap，听说BootStrap可以兼容手机端，对于初学者其中道理没弄太明白。其实通过JavaScript的更改也

素颜马尾好姑娘i/ 2022年06月09日 04:08/ 0 赞/ 436 阅读

相关 mui调取手机摄像头，拍照，上传

最近在做H5,调取手机摄像头，拍照，上传功能，本想上传base64编码，却没实现，后改为上传二进制文件的方式上传的，废话不多说，上代码： <script src="j

我就是我/ 2022年06月05日 10:07/ 0 赞/ 369 阅读

相关 Android中Intent的初学即显式、隐式Intent，Intent打开屏幕，Intent打开拨号界面拨号。

Intent是Android编程中最为重要的部分，相当于一个信使，可以使Activity、BroadcastRecevier、Server相互传递信息。初学Intent两个

刺骨的言语ヽ痛彻心扉/ 2022年05月14日 06:20/ 0 赞/ 256 阅读

相关 vue移动项目中如何设置点击手机号码就唤起拨号功能

vue移动项目中如何设置点击手机号码就可以打电话 1. 在vue项目的index.html中添加如下代码： <meta name="format-detect

左手的ㄟ右手/ 2022年05月09日 06:46/ 0 赞/ 625 阅读

相关使用vue调取接口展示数据

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>

小灰灰/ 2022年04月10日 04:10/ 0 赞/ 552 阅读

相关 vue实现调取手机的拨号界面

结果图： ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0

逃离我推掉我的手/ 2021年10月19日 06:34/ 0 赞/ 589 阅读

相关安卓获取手机的通讯记录以及实现拨号界面隐藏

在清单文件中注册读取通话记录的权限： ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0

绝地灬酷狼/ 2021年09月01日 10:29/ 0 赞/ 343 阅读