html5调用联系人列表,h5+ 读取手机联系人并渲染

该博客介绍了如何使用HTML5的contacts API获取手机通讯录数据,并结合Mint-UI的indexlist组件进行排序显示。在数据处理中,涉及到了拼音首字母的获取,使用了外部js库vue-py-function.js。文章强调了数据格式、样式调整以及防止重复请求的重要性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

完整的代码

v-for="(contactObj, index) in item.contactArr"

:key="index"

:title="contactObj.displayName"

:label="contactObj.phoneNumbers.value"

@click.native="onSelectContacts(contactObj)"

>

import vPinyin from '@/utils/vue-py-function.js'

export default {

data () {

return {

// 给mt-index-list组件设一个高度,随意设,反正都要使用js更改

mtIndexListHeight: 500,

contactList: [],

contactListArr: []

}

},

created () {

},

mounted () {

let windowWidth = document.documentElement.clientWidth

this.mtIndexListHeight = document.documentElement.clientHeight - 11

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值