新版微信小程序获取用户手机号

最新推荐文章于 2024-10-10 23:22:42 发布

Icebreaking丶

最新推荐文章于 2024-10-10 23:22:42 发布

阅读量1k

点赞数

分类专栏： Web前端文章标签：微信小程序小程序前端

本文链接：https://blog.csdn.net/qq_41526316/article/details/132510777

版权

Web前端专栏收录该内容

16 篇文章 0 订阅

订阅专栏

小程序手机号验证组件有两种

手机号快速验证组件

//原生写法
<button open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber"></button>

Page({
  getPhoneNumber (e) {
    console.log(e.detail.code)
  }
})

uniapp写法
<button open-type="getPhoneNumber" @getphonenumber="getPhoneNumber"></button>
 getPhoneNumber (e) {
   console.log(e.detail.code)
 }

手机号实时验证组件

//原生写法
<button open-type="getRealtimePhoneNumber" bindgetrealtimephonenumber="getrealtimephonenumber"></button>

Page({
  getrealtimephonenumber (e) {
    console.log(e.detail.code)  // 动态令牌
    console.log(e.detail.errMsg) // 回调信息（成功失败都会返回）
    console.log(e.detail.errno)  // 错误码（失败时返回）
  }
})

uniap写法
<button open-type="getRealtimePhoneNumber" @getrealtimephonenumber="getrealtimephonenumber"></button>
getrealtimephonenumber (e) {
   console.log(e.detail.code)  // 动态令牌
   console.log(e.detail.errMsg) // 回调信息（成功失败都会返回）
   console.log(e.detail.errno)  // 错误码（失败时返回）
 }