微信小程序 - 拨打电话

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

 

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 })

 

posted @ 2018-08-28 20:51  Sunsin  阅读(6547)  评论(0编辑  收藏  举报