uniapp微信小程序获取手机号

使用button里的属性open-type="getPhoneNumber"来实现

点击以后触发回调，如图：

 

 

 拿到里面的参数请求接口传给后端，后端解密就可以把手机号返回给你啦。

html代码:

<button hover-class="_active-hover" open-type="getPhoneNumber" @getphonenumber="getPhone" :plain="true"
	  class="sumbit-btn btns-item">
	  获取手机号
</button>

js代码:

// 获取手机号
    async getPhone(e) {
      const that = this
      console.log(e, '99')
      if (e.detail.errMsg == 'getPhoneNumber:ok') {
        that.isShow = false
        const { code } = await that.$api.loginphone({
          code: e.target.code,
          encrypteData: e.target.encryptedData,
          iv: e.target.iv,
        })
        if (code == 200) {
          app.prompt('授权成功')
          setTimeout(function () {
            uni.switchTab({
              url: '/pages/index/index'
            })
          }, 500)
        }
      } 
    },