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

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

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


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) {
  },
})
相关文章
|
2天前
|
小程序 API
点餐小程序实战教程09-订单功能开发
点餐小程序实战教程09-订单功能开发
|
2天前
|
小程序 开发工具 数据库
零基础开发小程序第三课-列表功能开发
零基础开发小程序第三课-列表功能开发
|
7天前
|
小程序 JavaScript
微信小程序图片预览功能?
微信小程序图片预览功能?
|
28天前
|
小程序 JavaScript 前端开发
【经验分享】如何获取任意小程序appId及页面路径
【经验分享】如何获取任意小程序appId及页面路径
32 1
|
28天前
|
小程序 JavaScript Android开发
【经验分享】如何在支付宝小程序里玩转富文本功能
【经验分享】如何在支付宝小程序里玩转富文本功能
28 0
|
7天前
|
存储 缓存 小程序
小程序页面路由传参的方法?
小程序页面路由传参的方法?
|
2天前
|
存储 小程序 开发工具
零基础开发小程序第四课-查看功能开发
零基础开发小程序第四课-查看功能开发
|
2天前
|
小程序 前端开发 数据安全/隐私保护
电商小程序03登录页面开发
电商小程序03登录页面开发
|
2天前
|
小程序 算法 数据可视化
点餐小程序实战教程07-点餐功能开发
点餐小程序实战教程07-点餐功能开发
|
2天前
|
小程序
TDesign电商小程序模板解析02-首页功能
TDesign电商小程序模板解析02-首页功能

热门文章

最新文章

相关产品

  • 云迁移中心