小程序拨打电话功能(数据是数组或字符串情况)

亲测实现过程没有任何问题

wxml:

<view class="phone" bindtap="callPhone" data-phone="{{item.tel}}">
	<image class="phone_icon" src="https://cdn.17wenhua.com/partyMiniProgram/vote/%E6%8B%A8%E6%89%93%E7%94%B5%E8%AF%9D.png"></image>
	<view class="icon_bottom_title">电话</view>
</view>

当获取到的电话列表是数组的情况:

js:

// 拨打电话 
callPhone(e){
  //获取点击的内容
  const phoneNumber = e.currentTarget.dataset.phone;
  //没有电话的情况
  if(e.currentTarget.dataset.phone.length==0){
    console.log('no');
    wx.showToast({
      title: '此商家暂无电话',
      icon:"none"
    })
  }
  //调起弹框用来显示多条内容
  wx.showActionSheet({
    itemList:phoneNumber, //电话数组
    success: (res) => {
      const selectedIndex = res.tapIndex;
      var selectedData = phoneNumber[selectedIndex];
      console.log(selectedData,'当前点击内容');
      //拨打电话的API
      wx.makePhoneCall({
        phoneNumber:selectedData,
        success: function () {
          console.log("拨打电话成功!")
        },
        fail: function () {
          console.log("拨打电话失败!")
        }
      })
    },
    fail (res) {
      console.log('取消选项')
    }
  })
},

当获取到的电话只有一条内容:

// 拨打电话 
callPhone(e){
  //获取点击的内容
  const phoneNumber = e.currentTarget.dataset.phone;
      wx.makePhoneCall({
        phoneNumber:phoneNumber,
        success: function () {
          console.log("拨打电话成功!")
        },
        fail: function () {
          console.log("拨打电话失败!")
        }
    })
},

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值