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进度条插件 Progress Bar小问题解决
Jul 12 Javascript
使用原生javascript创建通用表单验证——更锋利的使用dom对象
Sep 13 Javascript
解析瀑布流布局:JS+绝对定位的实现
May 08 Javascript
js 针对html DOM元素操作等经验累积
Mar 11 Javascript
JavaScript中的this使用详解
Jul 27 Javascript
jQuery简单实现点击文本框复制内容到剪贴板上的方法
Aug 01 Javascript
JavaScript与ActionScript3两者的同性与差异性
Sep 22 Javascript
jQuery checkbox选中问题之prop与attr注意点分析
Nov 15 Javascript
一次记住JavaScript的6个正则表达式方法
Feb 22 Javascript
vue 的点击事件获取当前点击的元素方法
Sep 15 Javascript
微信小程序页面间传递数组对象方法解析
Nov 06 Javascript
前端实现滑动按钮AJAX与后端交互的示例代码
Feb 24 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--用万网的接口实现域名查询功能
2012/12/13 PHP
php代码中使用换行及(\n或\r\n和br)的应用
2013/02/02 PHP
ThinkPHP模板中数组循环实例
2014/10/30 PHP
php session实现多级目录存放实现代码
2016/02/03 PHP
php编程每天必学之表单验证
2016/03/01 PHP
laravel实现上传图片的两种方式小结
2019/10/12 PHP
JQuery SELECT单选模拟jQuery.select.js
2009/11/12 Javascript
基于jquery的合并table相同单元格的插件(精简版)
2011/04/05 Javascript
javascript窗口宽高,鼠标位置,滚动高度(详细解析)
2013/11/18 Javascript
javascript日期对象格式化为字符串的实现方法
2014/01/14 Javascript
node.js中的http.response.addTrailers方法使用说明
2014/12/14 Javascript
分享一个常用的javascript静态类
2014/12/31 Javascript
微信小程序 开发之快递查询功能的实现
2017/01/09 Javascript
js+css3实现旋转效果
2017/01/20 Javascript
AngularJS中table表格基本操作示例
2017/10/10 Javascript
NodeJS实现不可逆加密与密码密文保存的方法
2018/03/16 NodeJs
使用vue-router beforEach实现判断用户登录跳转路由筛选功能
2018/06/25 Javascript
axios取消请求的实践记录分享
2018/09/26 Javascript
js实现列表按字母排序
2020/08/11 Javascript
python批量修改文件后缀示例代码分享
2013/12/24 Python
Python实现二叉树的常见遍历操作总结【7种方法】
2019/03/06 Python
numpy数组广播的机制
2019/07/12 Python
python 中的[:-1]和[::-1]的具体使用
2020/02/13 Python
Python requests设置代理的方法步骤
2020/02/23 Python
详解python变量与数据类型
2020/08/25 Python
CSS3 transforms应用于背景图像的解决方法
2019/04/16 HTML / CSS
使用CSS实现弹性视频html5案例实践
2012/12/26 HTML / CSS
FitFlop澳大利亚官网:英国符合人体工学的鞋类品牌
2017/06/05 全球购物
经济管理专业毕业生推荐信
2013/11/11 职场文书
优秀大专毕业生求职信
2014/08/04 职场文书
演讲比赛的活动方案
2014/08/28 职场文书
办理护照工作证明
2014/10/10 职场文书
幼师辞职信范文大全
2015/05/12 职场文书
SQL Server表分区删除详情
2021/10/16 SQL Server
教你使用Jenkins集成Harbor自动发布镜像
2022/04/03 Servers
《原神》新角色演示“神里绫人:林隐泓洄” 宠妹狂魔
2022/04/03 其他游戏