vue3+ts使用抖音支付pay-button组件中的一键获取手机号函数需要怎么绑定？

分类：uni-app

uniapp

官方给的是vue2的代码

App({  
  globalData:{  
    category:0  
  },  
  onLaunch: function () {  
    const systemInfo = tt.getSystemInfoSync();  
    this.setGlobalData('systemInfo',systemInfo)  
  },  
  getPhoneNumber({ params, success, fail }) {  
    const { iv, encryptedData } = params;  
    // ...  
    // 开发者服务端解密 encryptedData，得到手机号  
    // ...  
    const result = {  
        phoneNumber: '18133842224',  
    }  
    // 回调前端模板  
    success(result)  
},  
setGlobalData(key, value) {  
  this.globalData[key] = value;  
},  
})

但是getPhoneNumber这个函数在vue3 setup ts的方式下应该怎么写呢？

2023-12-19 22:27 负责人:无分享

1 个回复

爱豆豆 - 办法总比困难多

pay-button按钮不能获取手机号吧？
你说的是button按钮中的open-type="getPhoneNumber"属性吧参考文档

// 获取手机号code vue3写法  
<template>  
    <button open-type="getPhoneNumber" @getphonenumber="phoneNumber">手机号快捷登录</button>  
</template>  

<script setup lang="ts">  
    const phoneNumber = (e : any) => {  
        console.log(e.detail.errMsg);  
        console.log(e.detail.iv);  
        console.log(e.detail.encryptedData);  
    }  
</script>

g***@qq.com (作者)

pay-button点击后其实是一系列操作，其中的某个页面就有获取手机号，但是官方并没有把获取的方法作为组件的绑定函数传递，内部应该是采用的app.getPhoneNumber的方式在调用

2023-12-20 09:13
爱豆豆

回复 g***@qq.com: 有文档吗我去看下

2023-12-20 09:15
爱豆豆

回复 g***@qq.com: 或者你提供个demo 我运行下看看

2023-12-20 09:16

要回复问题请先登录或注册

vue3+ts使用抖音支付pay-button组件中的一键获取手机号函数需要怎么绑定？

1 个回复

公告

相关问题

vue3+ts使用抖音支付pay-button组件中的一键获取手机号函数需要怎么绑定？

与内容相关的链接

1 个回复

公告

相关问题