【uniapp开发小程序】点击获取手机号（使用@getphonenumber）

一、实现效果

二、代码实现：

<template><view><view class="shopadd" v-if="info.mobile">{{info.mobile}}view><button class="getNumber" v-else open-type="getPhoneNumber" @getphonenumber="getPhoneNumber">点击获取手机号button>view>template><script>export default {data() {return {info: {}, //个人信息}},methods: {// 获取手机号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('打印获取的手机号',uni.getStorageSync('getPhone'))that.info.mobile = res.data.phone}})}else{}},}}script>

来源地址：https://blog.csdn.net/weixin_48596030/article/details/131479881