這篇文章將為大家詳細講解有關怎樣實現微信小程序添加手機聯系人功能，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

成都創新互聯公司是一家專業的成都網站建設公司，我們專注成都網站建設、做網站、網絡營銷、企業網站建設，賣鏈接，一元廣告為企業客戶提供一站式建站解決方案，能帶給客戶新的互聯網理念。從網站結構的規劃UI設計到用戶體驗提高，創新互聯力求做到盡善盡美。

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;
}

關于“怎樣實現微信小程序添加手機聯系人功能”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。

分享標題：怎樣實現微信小程序添加手機聯系人功能-創新互聯
轉載源于：http://www.js-pz168.com/article5/iohii.html

成都網站建設公司_創新互聯，為您提供手機網站建設、網頁設計公司、域名注冊、標簽優化、虛擬主機、靜態網站

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯