微信小程序 - 拨打电话
为了减少误导,把无关代码全去掉了.
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 })