100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > 如何在H5移动端页面中调起手机拨打电话功能?

如何在H5移动端页面中调起手机拨打电话功能?

时间:2019-12-16 00:56:57

相关推荐

如何在H5移动端页面中调起手机拨打电话功能?

文章目录

一、如何在H5移动端页面中调起手机拨打电话功能?二、Vant搭建页面js函数调用弹窗,如何实现对应点击功能?

一、如何在H5移动端页面中调起手机拨打电话功能?

<a href="tel:对应电话号码" ref="telPhone"></a>

二、Vant搭建页面js函数调用弹窗,如何实现对应点击功能?

<a href="tel:010-xxxxxx" ref="telPhone" style="display:none;"></a><div class="app_fixed_phone" @click="clickPhone"><van-icon name="phone-o" /></div><script>import {Dialog } from 'vant'export default {name: 'App',data() {return {// 默认选中索引active: 0}},methods: {/*** @description: 点击拨打电话按钮事件* @param {*}* @return {*}*/clickPhone() {Dialog.confirm({title: '提示',message: '确定拨打电话:010-xxxxxx吗?',confirmButtonColor: '#09BB07'}).then(() => {// on confirmthis.$refs.telPhone.click()}).catch(() => {// on cancel})}}}</script>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。