微信小程序 - 保存手机号等信息到通讯录

主要使用小程序 wx.addPhoneContact 这个api

一、界面

复制代码
    <view class="tab-item"  bindtap="addToPhoneContacts">保存</view>

二、js 逻辑文件中

复制代码
addToPhoneContacts() {
        wx.addPhoneContact({
            firstName: this.data.firstName, // 姓名
            mobilePhoneNumber: this.data.mobilePhoneNumber,  //手机号码
            organization:this.data.organization, // 公司
            title:this.data.subtitle, // 职位
            email:this.data.email, // 邮箱
            remark: this.data.remark, //备注
            addressCountry:'中国大陆',// 国家
            remark:this.data.field, // 擅长领域
            addressStreet:this.data.address_details,// 公司地址
            success: () => wx.showToast({ 
                title: '保存成功' 
            }),
            fail: () => wx.showToast({ 
                title: '取消保存', icon: 'none' 
            })
        });
    },

其中,firstName 等字段为固定字段,文档中有详细说明,其值可以通过数据库获取到页面加载时保存到data中,点击保存时,在获取data中的值到该变量中即可。

完成!

相关推荐
游戏开发爱好者83 小时前
日常开发与测试的 App 测试方法、查看设备状态、实时日志、应用数据
android·ios·小程序·https·uni-app·iphone·webview
2501_915106325 小时前
app 上架过程,安装包准备、证书与描述文件管理、安装测试、上传
android·ios·小程序·https·uni-app·iphone·webview
2501_915106325 小时前
使用 Sniffmaster TCP 抓包和 Wireshark 网络分析
网络协议·tcp/ip·ios·小程序·uni-app·wireshark·iphone
宠友信息6 小时前
2025社交+IM及时通讯社区APP仿小红书小程序
java·spring boot·小程序·uni-app·web app
“负拾捌”7 小时前
python + uniapp 结合腾讯云实现实时语音识别功能(WebSocket)
python·websocket·微信小程序·uni-app·大模型·腾讯云·语音识别
换日线°1 天前
NFC标签打开微信小程序
前端·微信小程序
光影少年1 天前
AIGC + Taro / 小程序
小程序·aigc·taro
2501_915918411 天前
在 iOS 环境下查看 App 详细信息与文件目录
android·ios·小程序·https·uni-app·iphone·webview
2501_916007471 天前
没有 Mac 用户如何上架 App Store,IPA生成、证书与描述文件管理、跨平台上传
android·macos·ios·小程序·uni-app·iphone·webview
天空属于哈夫克31 天前
Go 语言实战:构建一个企微外部群“技术贴收藏夹”小程序后端
小程序·golang·企业微信