当前位置:   article > 正文

微信小程序:wx.makePhoneCall

wx.makephonecall

wx.makePhoneCall可以实现自动拨打电话的功能,要注意的就是后面的引号记得去掉。

wx:for可以实现循环遍历,其中index认为是下标索引,默认从0开始,item是索引的值。

data-ph:ph可以自己定义,然后data-ph={{}}里面的就是js里面定义的data。这个是为了方便点击事件从页面取值。

bintap="clickcall":clickcall是自己定义的方法名,这个可以用来绑定方法。点击之后就会触发

效果

 three.wxml

  1. <!--pages/three/three.wxml-->
  2. <view class="pageview">
  3. <block wx:for="{{people}}"><!--循环遍历people数组-->
  4. <view class="listview" data-ph="{{item.phone}}" bindtap="clickcall"><!--data杠是固定的,后面的ph可以自己定义,bindtap是绑定方法-->
  5. <view>{{item.name}}</view><!--取值-->
  6. <view>{{item.phone}}</view>
  7. </view>
  8. </block>
  9. </view>

three.wxss

  1. /* pages/three/three.wxss */
  2. .pageview{
  3. width: 100%;
  4. height: 100vh;
  5. background-color: powderblue;
  6. }
  7. .listview{
  8. width: 100%;
  9. height: 10%;
  10. border-bottom: 1px solid snow;
  11. display: flex;
  12. align-items: center;
  13. justify-content: space-around;
  14. }

three.js

  1. // pages/three/three.js
  2. Page({
  3. /**
  4. * 页面的初始数据
  5. */
  6. data: {
  7. people:[
  8. {"name":"张三","phone":"13613565622"},//数组中定义对象
  9. {"name":"李四","phone":"13613565623"},
  10. {"name":"嘉然","phone":"13613565624"},
  11. {"name":"陈板","phone":"13613565625"},
  12. {"name":"舒老师","phone":"13613565626"}
  13. ]
  14. },
  15. clickcall(event){
  16. console.log("拨打电话功能");
  17. console.log(event);//加了event之后可以在console里面找到currentTarget以及dataset以及ph
  18. let callPhone=event.currentTarget.dataset.ph;//取值
  19. console.log(callPhone);
  20. wx.makePhoneCall({//调用拨打电话的函数
  21. phoneNumber: callPhone,
  22. })
  23. },
  24. /**
  25. * 生命周期函数--监听页面加载
  26. */
  27. onLoad: function (options) {
  28. },
  29. /**
  30. * 生命周期函数--监听页面初次渲染完成
  31. */
  32. onReady: function () {
  33. },
  34. /**
  35. * 生命周期函数--监听页面显示
  36. */
  37. onShow: function () {
  38. },
  39. /**
  40. * 生命周期函数--监听页面隐藏
  41. */
  42. onHide: function () {
  43. },
  44. /**
  45. * 生命周期函数--监听页面卸载
  46. */
  47. onUnload: function () {
  48. },
  49. /**
  50. * 页面相关事件处理函数--监听用户下拉动作
  51. */
  52. onPullDownRefresh: function () {
  53. },
  54. /**
  55. * 页面上拉触底事件的处理函数
  56. */
  57. onReachBottom: function () {
  58. },
  59. /**
  60. * 用户点击右上角分享
  61. */
  62. onShareAppMessage: function () {
  63. }
  64. })

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/菜鸟追梦旅行/article/detail/503433
推荐阅读
相关标签
  

闽ICP备14008679号