方法一:直接添加callPhone的点击事件
直接在div原生上面添加callPhone("1890000000")
<div @click="callPhone('1890000000')" class="contact_qaz_phone">1890000000</div>
<script>
export default {
name: "contact",
methods: {
callPhone(phoneNumber) {
window.location.href = `tel:${phoneNumber}`;
}
},
mounted() {}
};
</script>
方法二:使用 <a> 标签
在手机上点击后,会自动跳转到拨号界面
<a href="tel:10086">点击拨打 10086</a>
方法三:使用按钮触发结合JavaScript
<button onclick="window.location.href='tel:10086'">点击拨打 10086</button>
注意事项:
1.仅移动端有效:
tel 协议在桌面浏览器中可能无效果。
2.用户确认:
点击后需用户手动确认拨打,无法自动拨号。