小程序获取手机号: Component “pages/xxx“ does not have a method “getPhoneNumber“ to handle...

官方文档：获取手机号 | 微信开放文档

原文链接：https://blog.csdn.net/qq_40259641/article/details/127244212

原生微信小程序开发文档中

需要将 button 组件 open-type 的值设置为 getPhoneNumber，当用户点击并同意之后，可以通过 bindgetphonenumber 事件回调获取到动态令牌code，然后把code传到开发者后台，并在开发者后台调用微信后台提供的 phonenumber.getPhoneNumber 接口，消费code来换取用户手机号。每个code有效期为5分钟，且只能消费一次。

注：getPhoneNumber 返回的 code 与 wx.login 返回的 code 作用是不一样的，不能混用。

代码示例

<button open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber"></button>

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

在uniapp使用的时候

报错信息：Component "pages/xxx" does not have a method "getPhoneNumber" to handle event "getphonenumber"

 原生代码再uniapp框架中出现的错误, bind改成@即可

<button open-type="getPhoneNumber" @getphonenumber="getPhoneNumber" type="primary"> </button>