h5实现点击电话进入拨打电话功能

h5实现点击电话进入拨打电话功能

直接添加callPhone的点击事件

直接在div原生上面添加callPhone("1890000000")

<script>
export default {
  name: "contact",
  methods: {
    callPhone(phoneNumber) {
      window.location.href = `tel:${phoneNumber}`;
    }
  },
  mounted() {}
};
</script>

使用 标签

[在手机上点击后，会自动跳转到拨号界面

<a href="tel:10086">点击拨打 10086</a>

使用按钮触发结合JavaScript

<button onclick="window.location.href='tel:10086'">点击拨打 10086</button>

注意事项： 1.仅移动端有效： tel 协议在桌面浏览器中可能无效果。 2.用户确认： 点击后需用户手动确认拨打，无法自动拨号。](https://link.juejin.cn?target= "")