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

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

完成!

相关推荐
The_era_achievs_hero2 小时前
微信小程序71~80
微信小程序·小程序
dssxyz3 小时前
uniapp打包微信小程序主包过大问题_uniapp 微信小程序时主包太大和vendor.js过大
javascript·微信小程序·uni-app
!win !4 小时前
被老板怼后,我为uni-app项目引入环境标志
前端·小程序·uni-app
澄江静如练_7 小时前
微信小程序发体验版
微信小程序·小程序
流口水的兔子11 小时前
作为一个新手,如果让你去用【微信小程序通过BLE实现与设备通讯】,你会怎么做,
前端·物联网·微信小程序
一念杂记11 小时前
免费开源!微信小程序商城源码,快速搭建你的线上商城系统!
微信小程序·uni-app
张晓~1833994812113 小时前
数字人源码部署流程分享--- PC+小程序融合方案
javascript·小程序·矩阵·aigc·文心一言·html5
The_era_achievs_hero15 小时前
微信小程序61~70
微信小程序·小程序
编程猪猪侠16 小时前
Taro+Vue3实现微信小程序富文本编辑器组件开发指南
vue.js·微信小程序·taro
汤姆yu1 天前
基于微信小程序的学校招生系统
微信小程序·小程序·招生小程序