uniapp获取用户信息

小鱼儿 2022-08-28 08:57 326阅读 0赞

<template>
    	<view>
    		<button @click="handleGetUserInfo">登录</button>
    		<image :src="userInfo.avatarUrl"></image>
    		{
       { userInfo.city }}-{
       { userInfo.country }}-{
       { userInfo.province }}-{
       { userInfo.nickName }}-{
       { userInfo.gender == 1 ? '男' : '女' }}
    	</view>
    </template>
    
    <script>
    export default {
    	data() {
    		return {
    			userInfo: {
    				avatarUrl: '',
    				city: '',
    				country: '',
    				province: '',
    				gender: 0,
    				nickName: ''
    			}
    		};
    	},
    	onLoad() {
    	},
    	methods: {
    		handleGetUserInfo() {
    			// 获取用户信息
    			uni.getUserProfile({
    				lang: 'zh_CN',
    				desc: '登录',
    				success: res => {
    					debugger;
    
    					this.userInfo = res.userInfo; //{ avatarUrl, city, country, province, gender, nickName }
    				},
    				fail: res => {
    					debugger;
    					console.log(res);
    				}
    			});
    		}
    	}
    };
    </script>
    
    <style lang="scss"></style>

发表评论取消回复

表情：

评论列表（有 0 条评论，326人围观）

还没有评论，来说两句吧...

相关阅读

相关【微信网页授权】SpringBoot+uniapp实现网页授权获取用户基本信息

SpringBoot+uniapp实现网页授权获取用户基本信息1. 测试公众号实现网页授权并获取用户基本信息2. 灵活掌握微信接口文档，熟练对接相关接口3. 整理授权逻辑...

秒速五厘米/ 2024年05月11日 09:06/ 0 赞/ 102 阅读

相关 AddressBook获取用户信息

- (void)viewDidLoad { [super viewDidLoad]; _table.delegate

痛定思痛。/ 2023年10月17日 05:56/ 0 赞/ 45 阅读

相关【uniapp】获取系统信息

目录写在前面系统信息的概念 uni.getSystemInfo uni.getSystemInfo

悠悠/ 2023年09月28日 21:33/ 0 赞/ 17 阅读

相关 uniapp 获取通讯录信息

getContacts: function() { var that = this;

港控/mmm°/ 2023年06月20日 06:36/ 0 赞/ 21 阅读

相关 uniapp开发APP之登录授权，获取用户基础信息

[uniapp开发APP之真机调试][uniapp_APP] HBuild X manifest.json 设置 ![watermark_type_ZmFuZ3poZW5n

傷城~/ 2023年01月12日 10:22/ 0 赞/ 225 阅读

相关 Express + MongoDB 实现用户注册，登录，获取用户信息，更新用户信息，获取用户列表功能

目录结构： -| server - model.js - server.js - user.js model.js 此文件用于存

清疚/ 2022年10月30日 15:26/ 0 赞/ 285 阅读

相关 uniapp获取图片信息

uni.getImageInfo({ src: "http://travel.rqdly.com/static/img/travel.d

本是古典何须时尚/ 2022年08月30日 06:19/ 0 赞/ 253 阅读

相关 uniapp获取选择器id的信息

//获取id选择器的信息 const query = uni.createSelectorQuery().in(this); query.s

￡神魔★判官ぃ/ 2022年08月30日 06:19/ 0 赞/ 299 阅读

相关 uniapp获取用户信息

<template> <view> <button @click="handleGetUserInfo">登录</button> <i

小鱼儿/ 2022年08月28日 08:57/ 0 赞/ 327 阅读

相关 uniapp--获取manifest.json信息页面呈现

uniapp获取manifest.json的信息到页面呈现！比如获取当前版本号呈现到升级页！应用介绍等信息获取方式： // ifdef APP-PLUS //

逃离我推掉我的手/ 2021年09月13日 16:06/ 0 赞/ 780 阅读