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

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

完成!

相关推荐
2501_915909065 小时前
iOS电池寿命与App能耗监测实战 构建完整性能监控系统
android·ios·小程序·https·uni-app·iphone·webview
一只开心鸭!6 小时前
原生微信小程序实现语音转文字搜索---同声传译
微信小程序·小程序
weixin_lynhgworld7 小时前
旧物回收小程序:科技赋能,让旧物回收焕发生机
科技·小程序
此心光明事上练10 小时前
微信小程序组件发布为 npm 包的具体步骤
微信小程序·小程序·npm
Byte_Me1 天前
从东南亚出发:小程序容器技术如何助力 App 快速打入全球市场?
小程序
gongzemin1 天前
微信第三方平台的配置
微信·微信小程序·资讯
一念杂记1 天前
【实战系列】30分钟开发微信小程序登录&注册&绑定功能
前端·后端·微信小程序
小白_ysf1 天前
uniapp开发微信小程序(新旧版本对比:授权手机号登录、授权头像和昵称)
微信小程序·小程序·uni-app
hongkid1 天前
微信小程序私密消息
微信小程序·小程序
kilito_011 天前
uniapp 微信小程序 列表点击分享 不同的信息
微信小程序·小程序·uni-app