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

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

手机号快速验证组件

javascript 复制代码
//原生写法
<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)
 }

手机号实时验证组件

javascript 复制代码
//原生写法
<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)  // 错误码(失败时返回)
 }
相关推荐
木易 士心1 小时前
组织架构树形选择组件使用说明(Vue3 + UniApp)
微信小程序·钉钉·notepad++
哆啦A梦15882 小时前
搜索页面布局
前端·vue.js·node.js
_院长大人_2 小时前
el-table-column show-overflow-tooltip 只能显示纯文本,无法渲染 <p> 标签
前端·javascript·vue.js
软件技术员3 小时前
微信小程序电子测宅堪墓风水罗盘
微信小程序·小程序
future_studio3 小时前
聊聊 Unity(小白专享、C# 小程序 之 播放器)
unity·小程序·c#
Q_Q5110082853 小时前
python+uniapp基于微信小程序的旅游信息系统
spring boot·python·微信小程序·django·flask·uni-app·node.js
哆啦A梦15884 小时前
axios 的二次封装
前端·vue.js·node.js
小Tomkk4 小时前
Rokid 开发空间小程序 实战
3d·小程序·rokid·jsar
阿珊和她的猫4 小时前
深入理解与手写发布订阅模式
开发语言·前端·javascript·vue.js·ecmascript·状态模式
yinuo4 小时前
一行 CSS 就能搞定!用 writing-mode 轻松实现文字竖排
前端