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

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

手机号快速验证组件

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