首页 / JAVASCRIPT / 在微信小程序中如何实现添加手机联系人

在微信小程序中如何实现添加手机联系人

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了在微信小程序中如何实现添加手机联系人，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1153字，纯文字阅读大概需要2分钟。

内容图文

这篇文章主要介绍了微信小程序实现添加手机联系人功能,结合实例形式分析了微信小程序添加联系人的具体步骤,包括布局与逻辑实现技巧,需要的朋友可以参考下

本文实例讲述了微信小程序实现添加手机联系人功能。分享给大家供大家参考，具体如下：

1、效果展示

在微信小程序中如何实现添加手机联系人 - 文章图片 在微信小程序中如何实现添加手机联系人 - 文章图片

在微信小程序中如何实现添加手机联系人 - 文章图片

2、关键代码

1）WXML文件

<view bindlongtap="phoneNumTap">{{phoneNum}}</view>

2）JS文件

Page({
 data:{
 phoneNum:'12345678901'//测试用的号码，并非真实号码
 },
 // 长按号码响应函数
 phoneNumTap:function(){
 var that=this;
 // 提示呼叫号码还是将号码添加到手机通讯录
 wx.showActionSheet({
  itemList: ['呼叫','添加联系人'],
  success:function(res){
  if(res.tapIndex===0){
   // 呼叫号码
   wx.makePhoneCall({
   phoneNumber: that.data.phoneNum,
   })
  }else if(res.tapIndex==1){
   // 添加到手机通讯录
   wx.addPhoneContact({
   firstName: 'test',//联系人姓名
   mobilePhoneNumber: that.data.phoneNum,//联系人手机号
   })
  }
  }
 })
 }
})

3）WXSS文件

view{
 color: blue;
 padding: 15px;
 border-bottom: 1px solid gainsboro;
}

上面是我整理给大家的，希望今后会对大家有帮助。

相关文章：

有关js事件的循环机制（详细教程）

使用javascript如何实现QQ空间相册展示

如何自定义PC微信扫码登录

有关jade模板引擎的使用详情

有关JS希尔排序算法（详细教程）

以上就是在微信小程序中如何实现添加手机联系人的详细内容，更多请关注Gxl网其它相关文章！

内容总结

以上是互联网集市为您收集整理的在微信小程序中如何实现添加手机联系人全部内容，希望文章能够帮你解决在微信小程序中如何实现添加手机联系人所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/286298.html

来源：【匿名】