微信小程序 - 拨打电话

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

 

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 @   Sunsin  阅读(6561)  评论(0编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 25岁的心里话
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 按钮权限的设计及实现
点击右上角即可分享
微信分享提示