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

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

手机号快速验证组件

//原生写法
<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)  // 错误码(失败时返回)
 }

你可能感兴趣的:(Web前端,微信小程序,小程序,前端)