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 相关文章推荐
Javascript 对象的解释
Nov 24 Javascript
鼠标焦点离开文本框时验证的js代码
Jul 19 Javascript
jQuery中:button选择器用法实例
Jan 04 Javascript
JavaScript 七大技巧(二)
Dec 13 Javascript
浅谈JS中逗号运算符的用法
Jun 12 Javascript
jQuery筛选数组之grep、each、inArray、map的用法及遍历json对象
Jun 20 Javascript
用AngularJS的指令实现tabs切换效果
Aug 31 Javascript
jquery将标签元素的高设为屏幕的百分比
Apr 19 jQuery
Angular 2.x学习教程之结构指令详解
May 25 Javascript
JSON对象转化为字符串详解
Aug 11 Javascript
JavaSctit 利用FileReader和滤镜上传图片预览功能
Sep 05 Javascript
Vue2.0系列之过滤器的使用
Mar 01 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(2)
2006/10/09 PHP
php 论坛采集程序 模拟登陆,抓取页面 实现代码
2009/07/09 PHP
php 文章采集正则代码
2009/12/28 PHP
PHP循环遍历数组的3种方法list()、each()和while总结
2014/11/19 PHP
PHP实现数据库的增删查改功能及完整代码
2018/04/18 PHP
JavaScript 利用StringBuffer类提升+=拼接字符串效率
2009/11/24 Javascript
根据出生日期自动取得星座的js代码
2010/07/20 Javascript
通过上下左右键和回车键切换光标实现代码
2013/03/08 Javascript
javascript 处理null及null值示例
2014/06/09 Javascript
jQuery中ready事件用法实例
2015/01/19 Javascript
在JavaScript中操作时间之getUTCDate()方法的使用
2015/06/10 Javascript
JS实现仿微博可关闭弹出层效果
2015/09/21 Javascript
JavaScript获取各大浏览器信息图示
2015/11/20 Javascript
javascript实现数字倒计时特效
2016/03/30 Javascript
Bootstrap组合上、下拉框简单实现代码
2017/03/06 Javascript
Vue.js中兄弟组件之间互相传值实例
2017/06/01 Javascript
详解React-Native全球化多语言切换工具库react-native-i18n
2017/11/03 Javascript
解析vue路由异步组件和懒加载案例
2018/06/08 Javascript
在微信小程序中渲染HTML内容的方法示例
2018/09/28 Javascript
Vue.js实现的购物车功能详解
2019/01/27 Javascript
新手快速入门JavaScript装饰者模式与AOP
2019/06/24 Javascript
layui实现数据分页功能
2019/07/27 Javascript
layui表格 列自动适应大小失效的解决方法
2019/09/06 Javascript
js实现漂亮的星空背景
2019/11/01 Javascript
原生JavaScript实现换肤
2021/02/19 Javascript
在Python的Django框架中获取单个对象数据的简单方法
2015/07/17 Python
Python 爬虫图片简单实现
2017/06/01 Python
Python实现购物车功能的方法分析
2017/11/10 Python
Python Django给admin添加Action的方法实例详解
2019/04/29 Python
TensorFlow 多元函数的极值实例
2020/02/10 Python
StubHub新加坡:购买和出售全球活动门票
2017/03/10 全球购物
学生干部培训方案
2014/06/12 职场文书
乡镇保密工作责任书
2014/07/28 职场文书
企业整改报告范文
2014/11/08 职场文书
大学军训口号大全
2015/12/24 职场文书
数据设计之权限的实现
2022/08/05 MySQL