Vue 实现拨打电话操作

 更新时间:2020-11-21 21:10:01   作者:佚名   我要评论(0)

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

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

补充知识: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 实现拨打电话操作就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

您可能感兴趣的文章:
  • vue 输入电话号码自动按3-4-4分割功能的实现代码
  • Vue基于localStorage存储信息代码实例
  • vue 封装面包屑组件教程
  • Vue使用路由钩子拦截器beforeEach和afterEach监听路由
  • vue 使用localstorage实现面包屑的操作
  • 适用于 Vue 的播放器组件Vue-Video-Player操作
  • Vue中使用JsonView来展示Json树的实例代码

相关文章

  • Vue 实现拨打电话操作

    Vue 实现拨打电话操作

    我就废话不多说了,大家还是直接看操作吧~ <p>联系电话:<a :href="'tel:' + item.phone" rel="external nofollow" >{{item.phone}}</a></p> 补充知识:vue移动项
    2020-11-21

最新评论