uni-app项目生成的支付宝小程序,获取手机号方法

uni-app项目生成的支付宝小程序,获取手机号方法不识别

点击获取手机号button,找不到对应的方法,实际上方法已写,

支付宝原生方法说明
在这里插入图片描述
支付宝原生手机号授权说明

使用支付宝原生方法会出现报错
在这里插入图片描述

解决方法

<template>
	<view>
      <button type="default" open-type="getAuthorize" @getAuthorize="getPhoneNumber" @error="onAuthError" scope='phoneNumber'>授权手机号</button>
	</view>
</template>
<script>
export default {
  data() {
    return {};
  },
  methods: {
    getPhoneNumber() {
      this.onGetAuthorize()
        .then(res => {
          // console.log(res)
          var resData = JSON.parse(res.response);
          // console.log(resData);
          // 重新赋值方便后台获取
          var params = {
            phoneNumber: resData.response,
            sign: resData.sign
          };
          console.log(params);
        })
        .catch(err => {
          console.log(err);
        });
    },
    onGetAuthorize() {
      return new Promise((resolve, reject) => {
        my.getPhoneNumber({
          scopes: "auth_user",
          success: res => {
            resolve(res);
          },
          fail: res => {
            reject(res);
          }
        });
      });
    },
    onAuthError() {
      console.log("123321");
    }
  }
};
</script>

在这里插入图片描述
主要问题在与 button 标签的事件绑定,修改成此形式才能触发 script 中定义的授权方法方法

评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值