一、實(shí)現(xiàn)效果
二、代碼實(shí)現(xiàn)：文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-512913.html
<template>
<view>
<view class="shopadd" v-if="info.mobile">{{info.mobile}}</view>
<button class="getNumber" v-else open-type="getPhoneNumber" @getphonenumber="getPhoneNumber">點(diǎn)擊獲取手機(jī)號(hào)</button>
</view>
</template>
<script>
export default {
data() {
return {
info: {}, //個(gè)人信息
}
},
methods: {
// 獲取手機(jī)號(hào)
getPhoneNumber(e) {
console.log(e)
var that = this;
if (e.detail.code) {
this.$api.appPlateForm('POST', this.$url.getPhoneNumber, {
code: e.detail.code,
}, function(res) {
if (res.code == '200') {
uni.setStorageSync('getPhone',res.data.phone)
console.log('打印獲取的手機(jī)號(hào)',uni.getStorageSync('getPhone'))
that.info.mobile = res.data.phone
}
})
}else{
}
},
}
}
</script>
文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-512913.html
到了這里，關(guān)于【uniapp開發(fā)小程序】點(diǎn)擊獲取手機(jī)號(hào)（使用@getphonenumber）的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
![uniapp - [最新] 超詳細(xì)實(shí)現(xiàn)支付寶小程序獲取手機(jī)號(hào)、個(gè)人信息，支付寶彈框授權(quán)拿到用戶手機(jī)號(hào)與昵稱頭像等信息完整流程（詳細(xì)示例源碼與注釋，一鍵復(fù)制快速應(yīng)用到項(xiàng)目中）](https://imgs.yssmx.com/Uploads/2024/02/463233-1.png)
