uni-app在APP端获取通讯录信息,说实话这个功能太恶心了,手机号码全都不能保密的,之前小编有遇到这种单子,小编并没有做。
代码
<!-- 基于HTML5+ API获取手机通讯录联系人(姓名,手机号) -->
<template>
<view class="page">
<button type="primary" @tap="getContacts">获取联系人</button>
<block v-for="(item,index) in list" :key="index">
<view>{{item.displayName}}</view>
<block v-for="(subitem,idx) in item.phoneNumbers" :key="idx">
<view>{{subitem.value}}</view>
</block>
</block>
</view>
</template>
<script>
var Contacts
export default {
data() {
return {
list: []
}
},
onShow() {
uni.setNavigationBarTitle({
title: '通讯录联系人'
});
},
methods: {
getContacts: function() {
var that = this
// 获取通讯录对象
plus.contacts.getAddressBook( plus.contacts.ADDRESSBOOK_PHONE, function( addressbook ) {
uni.showToast({
title: '获取通讯录对象成功',
duration: 2000
})
console.log('获取通讯录对象成功')
console.log(addressbook)
// 查找联系人
addressbook.find(["displayName","phoneNumbers"],function(contacts){
uni.showToast({
title: '获取联系人成功',
duration: 2000
})
console.log('获取联系人成功')
console.log(JSON.stringify(contacts))
that.list = contacts
}, function () {
uni.showToast({
title: '获取联系人失败',
duration: 2000
})
},{multiple:true});
}, function ( e ) {
uni.showToast({
title: '获取通讯录对象失败:' + e.message,
duration: 2000
})
});
}
}
}
</script>
<style>
.page{
padding: 20upx;
}
</style>
页面效果:
文章评论
好用!谢谢
@匿名 感谢支持!