微信小程序获取手机号

详细代码


复制代码
<t-button size="large" theme="primary" variant="outline" data-type="hasCancelBtn" bind:tap="showDialog" block style="display: none;">
  开放能力按钮
</t-button>
<t-dialog id="t-dialog" />

 // 获取手机号
  showDialog() {
    let that = this
    interface PhoneNumberDetail {
      iv: string;              // 解密向量
      encryptedData: string;   // 加密数据
      errMsg: string;          // 错误信息
    }
    const dialogConfig = {
      context: this,
      title: '小程序',
      content: '申请获取并验证你的手机号。',
      cancelBtn: '取消',
      confirmBtn: {
        openType: 'getPhoneNumber',
        content: '获取手机号',
        bindgetphonenumber({ detail }: { detail: PhoneNumberDetail }) {
          console.log(detail,'555')
          that.setData({
            encryptedData: detail.encryptedData,
            iv: detail.iv
          })
          if (detail.errMsg.includes('fail')) {
            return false; // 不关闭弹窗
          }
          return true; // 关闭弹窗
        },
      },
    };

    Dialog.confirm(dialogConfig)
      .then(() => {
        console.log('点击确定');
      })
      .catch(() => {
        console.log('点击取消');
      });
  },

  // 页面初始加载
  onLoad() {
    let iv = this.data.iv
    if (!iv) {
      this.showDialog()
    }
  },

  // 页面的初始数据
  data: {
    encryptedData: '',//手机号参数
    iv: '',//手机号参数
  },
相关推荐
毕设源码-钟学长6 小时前
【开题答辩全过程】以 微信小程序的医院挂号预约系统为例,包含答辩的问题和答案
微信小程序·小程序
bmy-happy13 小时前
实验2 天气预报
微信小程序·小程序
兰亭妙微21 小时前
从线到机:AI 与多模态交互如何重塑 B 端与 App 界面设计
人工智能·小程序·交互·用户体验设计公司
青青子衿越21 小时前
微信小程序web-view嵌套H5,小程序与H5通信
前端·微信小程序·小程序
乔公子搬砖1 天前
小程序开发提效:npm支持、Vant Weapp组件库与API Promise化(八)
前端·javascript·微信小程序·js·promise·vagrant·事件绑定
!win !1 天前
uni-app支付宝端彻底禁掉下拉刷新效果
前端·小程序·uni-app
软希网分享源码1 天前
校园跑腿小程序源码 | 跑腿便利店小程序(源码下载)
小程序·跑腿便利店小程序·校园跑腿小程序源码
说私域2 天前
基于开源 AI 智能名片链动 2+1 模式 S2B2C 商城小程序的新开非连锁品牌店开业引流策略研究
人工智能·小程序·开源
KlDMEO2 天前
DrissionPage 能控制火狐或edge吗
其他·微信小程序·小程序
柯北(jvxiao)2 天前
爆肝三周,我终于上线了自己的第一个小程序
微信小程序·小程序