微信小程序 - 拨打电话

时间:2022-11-10 10:33:14

为了减少误导,把无关代码全去掉了.

微信小程序 - 拨打电话

 

wxml

1  <view class='shipping-phone' bindtap='callGetPhone' data-getPhone='{{callGetPhone}}'>收货电话: 2             <text>{{callGetPhone}}</text>
3           </view>

 

js

 1 Page({  2 
 3   /**  4  * 页面的初始数据  5    */
 6  data: {  7     callGetPhone: '18874657412',  8  },  9   /** 10  * 生命周期函数--监听页面加载 11    */
12  onLoad(options) { 13     this.initData(); 14  }, 15 
16   // 初始化
17  initData() { 18     let page = this; 19     // 获取数据 -> 从后端(暂时放入初始化数据data)
20  page.setData({ 21  callGetPhone: page.data.callGetPhone, 22  }); 23  }, 24 
25   // 拨打电话给收件人
26  callGetPhone(e) { 27     // 号码
28     let telPhone = e.currentTarget.dataset.getphone; 29     this.callPhone(telPhone); 30  }, 31 
32   /** 33  * 拨打电话 - 可简单封装工具集 34    */
35  callPhone(phoneNumber) { 36  wx.makePhoneCall({ 37  phoneNumber: phoneNumber, 38       success: function() { 39         console.log("拨打电话成功!") 40  }, 41       fail: function() { 42         console.log("拨打电话失败!") 43  } 44  }) 45  } 46 })