Vue 实现拨打电话操作

 更新时间:2020年11月16日 14:36:51   作者:妹妹你大胆地往前走啊!  
这篇文章主要介绍了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 键盘回车事件的实例讲解

    对vue 键盘回车事件的实例讲解

    今天小编就为大家分享一篇对vue 键盘回车事件的实例讲解,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-08-08
  • 解决vue-photo-preview 异步图片放大失效的问题

    解决vue-photo-preview 异步图片放大失效的问题

    这篇文章主要介绍了解决vue-photo-preview 异步图片放大失效的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-07-07
  • vue引入组件的几种方法汇总

    vue引入组件的几种方法汇总

    这篇文章主要介绍了vue引入组件的几种方法汇总,包括常用的局部引入,这里需要注意在哪个页面需要就在那个页面引入、注册、使用,本文结合示例代码给大家介绍的非常详细,需要的朋友参考下吧
    2023-10-10
  • 如何使用VUE+faceApi.js实现摄像头拍摄人脸识别

    如何使用VUE+faceApi.js实现摄像头拍摄人脸识别

    Face-api.js是一个JavaScript API,是基于tensorflow.js核心API 的人脸检测和人脸识别的浏览器实现,这篇文章主要给大家介绍了关于如何使用VUE+faceApi.js实现摄像头拍摄人脸识别的相关资料,需要的朋友可以参考下
    2023-05-05
  • Vue实现网页首屏加载动画及页面内请求数据加载loading效果

    Vue实现网页首屏加载动画及页面内请求数据加载loading效果

    Loading加载动画组件看起来很简单不重要,实际上它是保证用户留存的关键一环,下面这篇文章主要给大家介绍了关于Vue实现网页首屏加载动画及页面内请求数据加载loading效果的相关资料,需要的朋友可以参考下
    2023-02-02
  • Vue 简单实现前端权限控制的示例

    Vue 简单实现前端权限控制的示例

    这篇文章主要介绍了Vue 简单实现前端权限控制的示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-12-12
  • mint-ui在vue中的使用示例

    mint-ui在vue中的使用示例

    Mint UI 是 由饿了么前端团队推出的 一个基于 Vue.js 的移动端组件库,这篇文章主要介绍了mint-ui在vue中的使用示例,这里整理了详细的代码,有需要的小伙伴可以参考下
    2018-04-04
  • vue quill editor 使用富文本添加上传音频功能

    vue quill editor 使用富文本添加上传音频功能

    vue-quill-editor 是vue项目中常用的富文本插件,其功能能满足大部分的项目需求。这篇文章主要介绍了vue-quill-editor 富文本添加上传音频功能,需要的朋友可以参考下
    2020-01-01
  • 详解基于Vue cli开发修改外部组件Vant默认样式

    详解基于Vue cli开发修改外部组件Vant默认样式

    这篇文章主要介绍了详解基于Vue cli开发修改外部组件Vant默认样式,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-04-04
  • vue3中实现使用element-plus调用message

    vue3中实现使用element-plus调用message

    这篇文章主要介绍了vue3中实现使用element-plus调用message,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-09-09

最新评论