ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

uniapp获取微信用户信息和手机号

2021-08-04 11:59:23  阅读:285  来源: 互联网

标签:uniapp console log tx 微信 获取 text uni 手机号


<template>
	<view>
			<view class="tx-w">
				<view class="tx">
					<image class="tx-img" :src="info.avatarUrl"></image>
					<view class="zx"></view>
				</view>
				<view class="name">{{info.nickName}} </view>
				<view class="name-qm">自然的美好的,你的</view>
			</view>
			
			<button @click="getUserProfile"> 获取用户信息 </button>
			
			<button open-type="getPhoneNumber" @getphonenumber="getPhoneNumber" class="login-but">获取手机号</button>
			
		</view>
</template>

<script>
	export default {
		data() {
			return {
				info:[]
			}
		},
		onLoad(){
					let that = this;
					uni.login({
						provider: 'weixin',
						success: function(loginRes) {
							// 获取用户信息				
							 console.log(loginRes.code)
						}
					});
				},
		methods: {
		getUserProfile() {
		    let that =this
		    uni.getUserProfile({
		        desc:"用于完善用户信息",
		        success: (res1) => {
		            that.info = res1.userInfo;
		            console.log(res1)
		            uni.showToast({
		                icon:"none",
		                title:'获取成功'
		            })
		        },
		        fail: (err) => {
		            console.log(err)
		            uni.showToast({
		                icon:"none",
		                title:'用户拒绝获取'
		            })
		        }  
		    })
		},
		getPhoneNumber(e){
				console.log(e.detail)
			}

		}
	}
</script>

<style>
	.tx-w{
			margin-top:200upx;
		}
		
		.tx{
			text-align:center;
		}
		
		.tx image{
			width:140upx;
			height:140upx;
			border-radius: 50%;
		}
		
		.name{
			text-align:center;
			margin-top:20upx;
		}
		
		.name-qm{
			text-align:center;
			margin-top:20upx;
			font-size:30upx;
		}
</style>

标签:uniapp,console,log,tx,微信,获取,text,uni,手机号
来源: https://blog.csdn.net/u010101193/article/details/119380772

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有