文章目录
一、如何在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>