微信小程序 - 拨打电话

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

 

wxml

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

 

js

Page({

  /**
   * 页面的初始数据
   */
  data: {
    callGetPhone: '18874657412',
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    this.initData();
  },

  // 初始化
  initData() {
    let page = this;
    // 获取数据 -> 从后端(暂时放入初始化数据data)
    page.setData({
      callGetPhone: page.data.callGetPhone,
    });
  },

  // 拨打电话给收件人
  callGetPhone(e) {
    // 号码
    let telPhone = e.currentTarget.dataset.getphone;
    this.callPhone(telPhone);
  },

  /**
   * 拨打电话 - 可简单封装工具集
   */
  callPhone(phoneNumber) {
    wx.makePhoneCall({
      phoneNumber: phoneNumber,
      success: function() {
        console.log("拨打电话成功！")
      },
      fail: function() {
        console.log("拨打电话失败！")
      }
    })
  }
})