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的文本框记数器
Sep 19 Javascript
如何使用json在前后台进行数据传输实例介绍
Apr 11 Javascript
jQuery中 noConflict() 方法使用
Apr 25 Javascript
AngularJS 简单应用实例
Jul 28 Javascript
JavaScript中函数声明与函数表达式的区别详解
Aug 18 Javascript
vue.js初学入门教程(2)
Nov 07 Javascript
ng-options和ng-checked在表单中的高级运用(推荐)
Jan 21 Javascript
form表单数据封装成json格式并提交给服务器的实现方法
Dec 14 Javascript
vue--点击当前增加class,其他删除class的方法
Sep 15 Javascript
使用electron制作满屏心特效的示例代码
Nov 27 Javascript
vue.js实现数据库的JSON数据输出渲染到html页面功能示例
Aug 03 Javascript
js用正则表达式筛选年月日的实例方法
Jan 04 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
Flash空降上海 化身大魔王接受挑战
2020/03/02 星际争霸
PHP的引用详解
2015/02/22 PHP
php与python实现的线程池多线程爬虫功能示例
2016/10/12 PHP
JSON传递bool类型数据的处理方式介绍
2013/09/18 Javascript
JavaScript中的null和undefined区别介绍
2015/01/01 Javascript
日常收藏的jquery技巧
2015/12/02 Javascript
详解webpack3如何正确引用并使用jQuery库
2017/08/26 jQuery
js实现canvas保存图片为png格式并下载到本地的方法
2017/08/31 Javascript
基于twbsPagination.js分页插件使用心得(分享)
2017/10/21 Javascript
vue-vuex中使用commit提交mutation来修改state的方法详解
2018/09/16 Javascript
vue实现简单瀑布流布局
2020/05/28 Javascript
JavaScript实现串行请求的示例代码
2020/09/14 Javascript
python开发之字符串string操作方法实例详解
2015/11/12 Python
Python下的Softmax回归函数的实现方法(推荐)
2017/01/26 Python
Python实现正整数分解质因数操作示例
2018/08/01 Python
Django Rest framework之认证的实现代码
2018/12/17 Python
Python PyQt5 Pycharm 环境搭建及配置详解(图文教程)
2019/07/16 Python
python3 正则表达式基础廖雪峰
2020/03/25 Python
PyCharm 在Windows的有用快捷键详解
2020/04/07 Python
在python image 中实现安装中文字体
2020/05/16 Python
python利用proxybroker构建爬虫免费IP代理池的实现
2021/02/21 Python
使用html2canvas实现将html内容写入到canvas中生成图片
2020/01/03 HTML / CSS
html5实现输入框fixed定位在屏幕最底部兼容性
2020/07/03 HTML / CSS
详解如何使用rem或viewport进行移动端适配
2020/08/14 HTML / CSS
汉森冲浪板:Hansen Surfboards
2018/05/19 全球购物
英国排名第一的LED灯泡网站:LED Bulbs
2019/09/03 全球购物
如何用Java判断一个文件或目录是否存在
2012/11/19 面试题
学生处主任岗位职责
2013/12/01 职场文书
教职工代表大会主持词
2014/04/01 职场文书
社区党建工作方案
2014/06/10 职场文书
离婚协议书怎么写的
2014/12/14 职场文书
大学生个人学习总结
2015/02/15 职场文书
2015年度护士个人工作总结
2015/04/09 职场文书
毕业论文致谢范文
2015/05/14 职场文书
原生CSS实现文字无限轮播的通用方法
2021/03/30 HTML / CSS
原生JS实现分页
2022/04/19 Javascript