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 相关文章推荐
JS禁用浏览器退格键实现思路及代码
Oct 29 Javascript
扩展JS Date对象时间格式化功能的小例子
Dec 02 Javascript
Jquery插件仿百度搜索关键字自动匹配功能
May 11 Javascript
jQuery下拉框的简单应用
Jun 24 Javascript
全面了解JavaScript的数据类型转换
Jul 01 Javascript
bootstrapValidator bootstrap-select验证不可用的解决办法
Jan 11 Javascript
Javascript面试经典套路reduce函数查重
Mar 23 Javascript
基于Vue自定义指令实现按钮级权限控制思路详解
May 23 Javascript
js实现敏感词过滤算法及实现逻辑
Jul 24 Javascript
JS实现用特殊符号替换字符串的中间部分区域的实例代码
Jul 24 Javascript
swiper在angularjs中使用循环轮播失效的解决方法
Sep 27 Javascript
小程序二次贝塞尔曲线实现购物车商品曲线飞入效果
Jan 07 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 IP转换整形(ip2long)的详解
2013/06/06 PHP
jquery 入门教程 [翻译] 推荐
2009/08/17 Javascript
JS 中document.URL 和 windows.location.href 的区别
2009/11/11 Javascript
js 绑定带参数的事件以及手动触发事件
2010/04/27 Javascript
js Html结构转字符串形式显示代码
2011/11/15 Javascript
js检查页面上有无重复id的实现代码
2013/07/17 Javascript
PHP和NodeJs开发的应用如何共用Session
2015/04/16 NodeJs
js实现无限级树形导航列表效果代码
2015/09/23 Javascript
javascript生成随机数方法汇总
2015/11/12 Javascript
使用NodeJs 开发微信公众号(三)微信事件交互实例
2016/03/02 NodeJs
基于javascript html5实现多文件上传
2016/03/03 Javascript
AngularJS 遇到的小坑与技巧小结
2016/06/07 Javascript
JS获取鼠标位置距浏览器窗口距离的方法示例
2017/04/11 Javascript
详解在Angular项目中添加插件ng-bootstrap
2017/07/04 Javascript
浅谈函数调用的不同方式,以及this的指向
2017/09/17 Javascript
20170918 前端开发周报之JS前端开发必看
2017/09/18 Javascript
如何实现双向绑定mvvm的原理实现
2019/05/28 Javascript
JS实现transform实现扇子效果
2020/01/17 Javascript
Vue中关闭弹窗组件时销毁并隐藏操作
2020/09/01 Javascript
vue 获取url参数、get参数返回数组的操作
2020/11/12 Javascript
[06:07]辉夜杯现场观众互动 “比谁远送显示器”
2015/12/26 DOTA
Python 逐行分割大txt文件的方法
2017/10/10 Python
python爬虫获取京东手机图片的图文教程
2017/12/29 Python
python实现电子产品商店
2019/02/26 Python
Python实现快速排序的方法详解
2019/10/25 Python
Python类反射机制使用实例解析
2019/12/30 Python
Jacques Lemans德国:奥地利钟表品牌
2019/12/26 全球购物
Happy Plugs官网:瑞典无线耳机品牌
2020/07/16 全球购物
什么是"引用"?申明和使用"引用"要注意哪些问题?
2016/03/03 面试题
MYSQL支持事务吗
2013/08/09 面试题
若通过ObjectOutputStream向一个文件中多次以追加方式写入object,为什么用ObjectInputStream读取这些object时会产生StreamCorruptedException?
2016/10/17 面试题
PHP使用Redis队列执行定时任务实例讲解
2021/03/24 PHP
《一个中国孩子的呼声》教学反思
2014/02/12 职场文书
纪检干部先进事迹材料
2014/08/23 职场文书
四风问题班子对照检查材料
2014/09/27 职场文书
村干部群众路线整改措施思想汇报
2014/10/12 职场文书