uni-app 获取手机通讯录列表

Uni-app微信小程序获取手机通讯录列表通常涉及到访问设备的本地存储或调用微信API。由于官方文档可能不直接提供完整的通讯录获取示例，但可以指导如何实现。以下是一个基本流程：

1. **使用 uni-app 的官方组件**[^1]:
- 官方组件 `uni-indexed-list` 提供了一个基础框架，用于展示通讯录数据。
- 如果它支持获取通讯录，可能需要通过API请求，这通常会涉及用户的授权。

2. **复制并自定义组件**:
- 将官方组件复制到项目的 `public/components` 目录下，以便于扩展和定制。
- 修改组件代码以适应单选模式，可能涉及禁用多选选项，并添加状态管理来控制当前选中项。

3. **权限管理**:
- 用户需要在运行时授予应用访问其联系人的权限。

   wx.getSetting({
     success(res) {
       if (!res.authSetting['scope.contacts']) {
         wx.authorize({
           scope: 'scope.contacts',
           success() {
             // 获取联系人数据
           },
           fail() {
             console.log('用户拒绝授权')
           }
         });
       } else {
         // 已经授权，可以直接获取
         getContacts();
       }
     }
   });

4. **获取通讯录数据**:
- 使用微信小程序提供的 `wx.getContactList()` 方法，填充到组件的数据源中。

   async function getContacts() {
     try {
       const contacts = await wx.getContactList({ withPhoneNumbers: true });
       this.setData({ contacts });
     } catch (err) {
       console.error('Error fetching contacts:', err);
     }
   }

请注意，具体的实现细节可能会因为 Uni-app 的版本和微信小程序 API 变化而有所不同。务必查阅最新的文档和开发者指南。另外，记得处理好用户体验，比如在用户授权失败时给出提示。