Vue 实现拨打电话操作


Posted in Javascript onNovember 16, 2020

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

<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 实现拨打电话操作就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jQuery+.net实现浏览更多内容(改编php版本)
Mar 28 Javascript
jquery重新播放css动画所遇问题解决
Aug 21 Javascript
原生JS操作网页给p元素添加onclick事件及表格隔行变色
Dec 01 Javascript
jQuery实现动态添加和删除一个div
Aug 12 Javascript
jQuery 3 中的新增功能汇总介绍
Jun 12 Javascript
H5移动端适配 Flexible方案
Oct 24 Javascript
详解AngularJS验证、过滤器、指令
Jan 04 Javascript
AngularJS入门示例之Hello World详解
Jan 04 Javascript
jQuery EasyUI ProgressBar进度条组件
Feb 28 Javascript
javascript实现动态显示颜色块的报表效果
Apr 10 Javascript
js canvas实现画图、滤镜效果
Nov 27 Javascript
JavaScript中的ES6 Proxy的具体使用
Jun 16 Javascript
微信小程序实现页面左右滑动
Nov 16 #Javascript
Vertx基于EventBus发送接受自定义对象
Nov 16 #Javascript
vue+echarts+datav大屏数据展示及实现中国地图省市县下钻功能
Nov 16 #Javascript
angular8.5集成TinyMce5的使用和详细配置(推荐)
Nov 16 #Javascript
js实现纯前端压缩图片
Nov 16 #Javascript
Vue基于localStorage存储信息代码实例
Nov 16 #Javascript
微信小程序自定义底部弹出框动画
Nov 18 #Javascript
You might like
php读取30天之内的根据算法排序的代码
2008/04/06 PHP
用PHP ob_start()控制浏览器cache、生成html实现代码
2010/02/16 PHP
在wamp集成环境下升级php版本(实现方法)
2013/07/01 PHP
php禁止浏览器使用缓存页面的方法
2014/11/07 PHP
麦鸡的TAB切换功能结合了javascript和css
2007/12/17 Javascript
JavaScript 在网页上单击鼠标的地方显示层及关闭层
2012/12/30 Javascript
javascript Event对象详解及使用示例
2013/11/22 Javascript
jQuery 复合选择器应用的几个例子
2014/09/11 Javascript
jQuery事件绑定和委托实例
2014/11/25 Javascript
jquery div模态窗口的简单实例
2016/05/28 Javascript
javascript中apply/call和bind的使用
2017/02/15 Javascript
AngularJS路由实现页面跳转实例
2017/03/03 Javascript
jQuery插件HighCharts实现气泡图效果示例【附demo源码】
2017/03/13 Javascript
vue按需引入element Transfer 穿梭框
2017/09/30 Javascript
原生js实现抽奖小游戏
2019/06/27 Javascript
vue控制多行文字展开收起的实现示例
2019/10/11 Javascript
Vue 实现点击空白处隐藏某节点的三种方式(指令、普通、遮罩)
2019/10/23 Javascript
Vue父子组件传值的一些坑
2020/09/16 Javascript
asyncio 的 coroutine对象 与 Future对象使用指南
2016/09/11 Python
如何用itertools解决无序排列组合的问题
2017/05/18 Python
使用Python抓取豆瓣影评数据的方法
2018/10/17 Python
tensorflow实现读取模型中保存的值 tf.train.NewCheckpointReader
2020/02/10 Python
python利用Excel读取和存储测试数据完成接口自动化教程
2020/04/30 Python
Python嵌入C/C++进行开发详解
2020/06/09 Python
香港太阳眼镜网上商店:SmartBuyGlasses香港
2016/07/22 全球购物
蒂娜商店:Tiina the Store
2019/12/07 全球购物
一个C/C++编程面试题
2013/11/10 面试题
标记环介质访问控制协议
2016/03/27 面试题
介绍一下XMLHttpRequest对象
2012/02/12 面试题
群众路线个人剖析材料及整改措施
2014/11/04 职场文书
计算机实训报告范文
2014/11/05 职场文书
2015年小学一年级班主任工作总结
2015/05/21 职场文书
儿童诗两首教学反思
2016/02/23 职场文书
2016年党员承诺书范文
2016/03/24 职场文书
pytorch 如何使用batch训练lstm网络
2021/05/28 Python
vue @click.native 绑定原生点击事件
2022/04/22 Vue.js