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

主要使用小程序 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中的值到该变量中即可。

完成!

相关推荐
流***陌6 小时前
手办盲盒抽赏小程序前端功能设计:兼顾收藏需求与抽赏乐趣
前端·小程序
Tencent_TCB6 小时前
云开发CloudBase AI+实战:快速搭建AI小程序全流程指南
人工智能·ai·小程序·ai编程·云开发
说私域9 小时前
“开源AI大模型AI智能名片S2B2C商城小程序”视角下的教育用户策略研究
人工智能·小程序
2501_9160074712 小时前
提升 iOS 26 系统流畅度的实战指南,多工具组合监控
android·macos·ios·小程序·uni-app·cocoa·iphone
一匹电信狗14 小时前
【MySQL】数据库表的操作
linux·运维·服务器·数据库·mysql·ubuntu·小程序
2501_9159214317 小时前
iOS 应用代上架流程,多工具组合与使用 开心上架 跨平台自动化上传指南
android·ios·小程序·uni-app·自动化·cocoa·iphone
知识分享小能手17 小时前
uni-app 入门学习教程,从入门到精通,uni-app组件 —— 知识点详解与实战案例(4)
前端·javascript·学习·微信小程序·小程序·前端框架·uni-app
Q_Q196328847518 小时前
python+uniapp基于微信小程序的助眠小程序
spring boot·python·小程序·django·flask·uni-app·node.js
韩立学长20 小时前
基于微信小程序的公益捐赠安全平台9hp4t247 包含完整开发套件(程序、源码、数据库、调试部署方案及开发环境)系统界面展示及获取方式置于文档末尾,可供参考。
数据库·微信小程序·小程序
2501_9159184121 小时前
iOS 混淆与 IPA 加固一页式行动手册(多工具组合实战 源码成品运维闭环)
android·运维·ios·小程序·uni-app·iphone·webview