【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>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36