小程序一个页面调用多个号码的手机拨号功能

王小婷

发布于 2022-05-13 18:11:24

1.8K00

代码可运行

文章被收录于专栏：编程微刊编程微刊

运行总次数：0

代码可运行

需求：一个小程序界面有很多手机号码联系方式，无论点击哪一个手机号码，跳转的都是点击号码所对应的拨号盘，如下图所示。

wxml

<button data-reply-phone="13661725473" bindtap="Tel">拨打电话:13661725473</button>
<button data-reply-phone="15210441885" bindtap="Tel">拨打电话:15210441885</button>

<button data-reply-phone="18895731936"  bindtap="Tel">拨打电话:18895731936</button>
<button data-reply-phone="15678061982" bindtap="Tel">拨打电话:1567806198</button>

js

var app = getApp()
Page({
  data: {  
  },
 
  Tel: function (e) {

    wx.makePhoneCall({

      phoneNumber: e.currentTarget.dataset.replyPhone,

      success: function () {

        console.log("成功拨打电话")

      },

    })

  },

  onLoad: function (options) {
  },

})