1. 简介

在挪动前端编写 HTML 当中，标签meta：<meta name="format-detection"/>有什么用法呢

当用手机浏览该 HTML 页面在手机上浏览时，该标签会将网页内容中的手机号码主动识别拨号的超链接。

在 iPhone 上默认值是：

<meta name="format-detection" content="telephone=yes"/>

如果你不想将手机主动将网页中的电话号码显示为拨号的超链接，那么可以：

 <meta name="format-detection" content="telephone=no"/>

2. 在vue中如何调用手机拨号功能

2.1 配置`index.html`

如上图所示，在该HTML文件里面的head里面添加如下代码：

<html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1.0, maximum-scale=1.0, user-scalable=no"><meta name="format-detection" content="telephone=yes" /> //添加该代码 <title>项目名称</title> </head><body></body>
</html>

2.2 配置要调用的页面或者组件

在所需要调用的页面上的DOM示例代码：

 <div @click="callPhone"><van-icon name="phone-circle-o" />联系客户</div>

methods里面的方法示例代码：

 // 调用拨号功能callPhone(phoneNumber) {//window.location.href = "tel://158xxxx1317";window.location.href = "tel://"+phoneNumber;},

3. 结语

以上为个人遇到的问题，及其记录，欢迎大家指正!

移动端（vue）如何调用手机拨号功能相关推荐

vue调用手机拨号
在vue项目的index.html中添加如下代码: <meta name="format-detection" content="telephone=yes&quo ...
html实现照片添加功能,HTML5 Canvas调用手机拍照功能实现图片上传功能（图文详解上篇）...
这篇文章主要为大家详细介绍了HTML5 Canvas,和jquery技术,调用手机拍照功能实现图片上传,具有一定的参考价值,感兴趣的小伙伴们可以参考一下因为最近一段时间,一直在弄微信项目,其中涉及到 ...
原生js调用手机拍照功能
原生js调用手机拍照功能此功能主要用于混合App开发时手机拍照上传图片的功能! 话不多说直接上代码! 注:此代码在浏览器中运行时会报错,必须打开调试功能在手机上运行才可以! // html部分 // ...
移动web端页面如何调用手机QQ？
文章目录手机web页面调用手机QQ实现在线聊天的效果方法一: html代码如下: js代码如下: 方法二: 代码如下: 效果图截图如下: 统计表1 - 浏览器默认拦截统计表2 - 设备端与协议类 ...
Html调用手机打电话功能
在html头部<head>里面加上: <meta name="format-detection" content="telephone=yes" ...
java如何调用手机拍照功能_手把手教你如何实现拍照功能
实现手机拍照功能,纯JS书写 First: 先上图为主,再做详细讲解: 需要注意的是这里的摄像头是主要是通过浏览器中的一个叫做Navigator属性在JS代码运行时打开页面自动开启不明白?直接上代码 ...
H5页面调用手机打电话功能
里面加上: <meta name="format-detection" content="telephone=yes"/> 需要拨打电话的地方: & ...
前端调用手机拍照功能失败，调用相机没反应
开发过程中需要再ios app的WKwebview里面嵌入前端页面,这时候前端页面可能有需要打开手机相机拍照或者打开手机相册功能,有时候是点击没反应,有时候是点击后能够打开相机或相册,然后拍完照片确定 ...
WAP网页实现手机拨号功能
wap手机拨号代码做手机wap网站的时候发现需要用到这个代码,国内说的没几个对的,后来在一个老外的网站上看到的,放上去测试了下发现真的可以,于是共享下,方便他人,方便自己! 实现wap手机拨号例子, ...

移动端（vue）如何调用手机拨号功能

1. 简介

2. 在vue中如何调用手机拨号功能

2.1 配置`index.html`

2.2 配置要调用的页面或者组件

3. 结语

移动端（vue）如何调用手机拨号功能相关推荐

最新文章

热门文章

移动端（vue）如何调用手机拨号功能

1. 简介

2. 在vue中如何调用手机拨号功能

2.1 配置index.html

2.2 配置要调用的页面或者组件

3. 结语

移动端（vue）如何调用手机拨号功能相关推荐

最新文章

热门文章

2.1 配置`index.html`