Vue如何实现手机拨打功能的代码示例？

本文共计299个文字，预计阅读时间需要2分钟。

我这就不多说了，爸妈还是直接看看操作吧~ 联系电话：[点击拨打](tel:{{item.phone}}) 了解知识：在Vue移动项目中，如何设置点击手机号就弹出拨号功能？

我就废话不多说了，大家还是直接看操作吧~

<p>联系电话：<a :href="'tel:' + item.phone" rel="external nofollow" >{{item.phone}}</a></p>

补充知识：vue移动项目中如何设置点击手机号码就唤起拨号功能

1、在vue项目的index.html中添加如下代码：

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

2、在需要调起手机拨号功能的页面，写如下函数：

// 调用拨号功能 callPhone (phoneNumber) { window.location.href = 'tel://' + phoneNumber }

3、在需要调用的地方，调用此函数，传入对应的手机号码。

另外，还可以通过android 调用Intent来实现，百度有很多，就不举例了。