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

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

完成!

相关推荐
mon_star°8 小时前
消防安全培训小程序项目亮点与功能清单
小程序
自然 醒9 小时前
uni-app开发微信小程序,如何使用towxml去渲染md格式和html标签格式的内容?
微信小程序·uni-app·html
编程迪9 小时前
基于Java和Vue开发的在线问诊系统医疗咨询小程序APP
小程序
CHU72903510 小时前
知识触手可及:在线教学课堂APP的沉浸式学习体验
前端·学习·小程序
竟未曾年少轻狂10 小时前
微信小程序-组件开发
微信小程序·小程序
CHU72903511 小时前
在线教学课堂APP功能版块设计方案:重构学习场景的交互逻辑
java·学习·小程序·重构
焦糖玛奇朵婷11 小时前
盲盒小程序开发,盲盒小程序怎么做
java·大数据·服务器·前端·小程序
想七想八不如1140811 小时前
【GitHub开源】一款极简跨平台 Todo 应用:微信小程序 + Windows 桌面挂件 + 实时同步
微信小程序·开源·github
笨笨狗吞噬者12 小时前
代理的妙用:uni-app 小程序是怎样用 `Proxy` 和 `wrapper` 抹平平台差异的
前端·微信小程序·uni-app
CHU7290352 天前
便捷约玩,沉浸推理:线上剧本杀APP功能版块设计详解
前端·小程序