Vue 实现拨打电话操作

这篇文章主要介绍了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来实现，百度有很多，就不举例了。

end!

以上这篇Vue 实现拨打电话操作就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我。

来源：oschina

链接：https://my.oschina.net/u/4278787/blog/4816818