微信小程序?qū)崿F(xiàn)添加手機(jī)聯(lián)系人功能示例
更新時(shí)間：2017年11月30日 09:00:34 作者：FutrueJet
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)添加手機(jī)聯(lián)系人功能,結(jié)合實(shí)例形式分析了微信小程序添加聯(lián)系人的具體步驟,包括布局與邏輯實(shí)現(xiàn)技巧,需要的朋友可以參考下
本文實(shí)例講述了微信小程序?qū)崿F(xiàn)添加手機(jī)聯(lián)系人功能。分享給大家供大家參考，具體如下：
1、效果展示
2、關(guān)鍵代碼
1）WXML文件
<view bindlongtap="phoneNumTap">{{phoneNum}}</view>
2）JS文件
Page({
data:{
phoneNum:'12345678901'//測(cè)試用的號(hào)碼，并非真實(shí)號(hào)碼
},
// 長(zhǎng)按號(hào)碼響應(yīng)函數(shù)
phoneNumTap:function(){
var that=this;
// 提示呼叫號(hào)碼還是將號(hào)碼添加到手機(jī)通訊錄
wx.showActionSheet({
itemList: ['呼叫','添加聯(lián)系人'],
success:function(res){
if(res.tapIndex===0){
// 呼叫號(hào)碼
wx.makePhoneCall({
phoneNumber: that.data.phoneNum,
})
}else if(res.tapIndex==1){
// 添加到手機(jī)通訊錄
wx.addPhoneContact({
firstName: 'test',//聯(lián)系人姓名
mobilePhoneNumber: that.data.phoneNum,//聯(lián)系人手機(jī)號(hào)
})
}
}
})
}
})
3）WXSS文件
view{
color: blue;
padding: 15px;
border-bottom: 1px solid gainsboro;
}
3、完整實(shí)例代碼點(diǎn)擊此處本站下載。
希望本文所述對(duì)大家微信小程序開(kāi)發(fā)有所幫助。
您可能感興趣的文章:
- 微信小程序如何獲取手機(jī)驗(yàn)證碼
- windows上利用charles抓取微信小程序數(shù)據(jù)包,手機(jī)APP數(shù)據(jù)包(HTTP與HTTPS數(shù)據(jù)包)
- 微信小程序如何獲取用戶手機(jī)號(hào)
- 微信小程序 功能函數(shù)小結(jié)(手機(jī)號(hào)驗(yàn)證*、密碼驗(yàn)證*、獲取驗(yàn)證碼*)
- 微信小程序獲取手機(jī)網(wǎng)絡(luò)狀態(tài)的方法【附源碼下載】
- 微信小程序獲取手機(jī)系統(tǒng)信息的方法【附源碼下載】
- 微信小程序獲取手機(jī)號(hào)授權(quán)用戶登錄功能
- 微信小程序getPhoneNumber獲取用戶手機(jī)號(hào)
- 微信小程序 判斷手機(jī)號(hào)的實(shí)現(xiàn)代碼
- 微信小程序 解決請(qǐng)求服務(wù)器手機(jī)預(yù)覽請(qǐng)求不到數(shù)據(jù)的方法
- 微信小程序?qū)崿F(xiàn)的一鍵撥號(hào)功能示例
相關(guān)文章
這篇文章主要介紹了js最全的數(shù)組的降維5種辦法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-04-04
這篇文章主要介紹了window.onload追加函數(shù)使用示例,需要的朋友可以參考下2014-03-03
這篇文章主要介紹了JavaScript獲取頁(yè)面上被選中文字的方法技巧,本文直接給出實(shí)現(xiàn)代碼和運(yùn)行效果,需要的朋友可以參考下2015-03-03
Rollup處理并打包JS文件項(xiàng)目實(shí)例代碼
rollup是一款用來(lái)es6模塊打包代碼的構(gòu)建工具(支持css和js打包)。這篇文章主要介紹了Rollup處理并打包JS文件項(xiàng)目實(shí)例,需要的朋友可以參考下2018-05-05
使用window.postMessage()方法在兩個(gè)網(wǎng)頁(yè)間傳遞數(shù)據(jù)
這篇文章介紹了使用window.postMessage()在兩個(gè)網(wǎng)頁(yè)間傳遞數(shù)據(jù)的方法，文中通過(guò)示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-06-06
我們?cè)诰帉?JS 代碼時(shí),經(jīng)常會(huì)遇到邏輯判斷復(fù)雜的情況,這篇文章主要給大家介紹了關(guān)于JavaScript如何優(yōu)化邏輯判斷代碼的相關(guān)資料,需要的朋友可以參考下
2021-06-06 
原生JS實(shí)現(xiàn)導(dǎo)航下拉菜單效果
這篇文章主要介紹了JS實(shí)現(xiàn)導(dǎo)航下拉菜單效果，用原生JS實(shí)現(xiàn)的一個(gè)導(dǎo)航下拉菜單，下拉菜單的寬度與瀏覽器視口的寬度一樣，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-03-03 
JS拖動(dòng)鼠標(biāo)畫(huà)出方框?qū)崿F(xiàn)鼠標(biāo)選區(qū)的方法
這篇文章主要介紹了JS拖動(dòng)鼠標(biāo)畫(huà)出方框?qū)崿F(xiàn)鼠標(biāo)選區(qū)的方法,涉及javascript鼠標(biāo)事件及頁(yè)面元素樣式的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-08-08 
前端實(shí)現(xiàn)圖片壓縮方案總結(jié)(干貨)
這篇文章主要介紹了前端實(shí)現(xiàn)圖片壓縮的幾種方法和技術(shù),包括使用HTML5的canvas元素和推薦的第三方庫(kù)image-magic-adapter,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下
2025-01-01