Vue 微信小程序 uni-app学习系列《四》 获取用户信息

接口

uni.getUserInfo({
				provider: this.loginProvider,
				success: (result) => {
					console.log('getUserInfo success', result);
					// this.hasUserInfo = true;
					// this.userInfo = result.userInfo;
					uni.setStorage({
						key: 'userInfo',
						data: result.userInfo
					});
				},
				fail: (error) => {
					console.log('getUserInfo fail', error);
					let content = error.errMsg;
					if (~content.indexOf('uni.login')) {
						content = '请在登录页面完成登录操作';
					}
					uni.showModal({
						title: '获取用户信息失败',
						content: '错误原因' + content,
						showCancel: false
					});
				}
			});

结果

把用户信息存入自带的数据库

	uni.setStorage({
						key: 'userInfo',
						data: result.userInfo
					});

取出数据

	var userinfo = uni.getStorageSync('userInfo');

最后 点击按钮，获取用户数据和查询结果

js 方法

			addtobook:function(){
				console.log("***********addtobook *******");
				var userinfo = uni.getStorageSync('userInfo');
				let rsdata= uni.getStorageSync('searchrsLocal');
				 let username=userinfo.nickName;
				 
				 console.log("***********addtobook ***userinfo****",userinfo);
				 console.log("***********addtobook ***rsdata****",rsdata);
				 
				 
			}

按钮

	 <view class="uni-triplex-right">
						    <view class="uni-common-mt" style="text-align: center;">
						    		<button v-if="searchrs.pron" @click="addtobook()" class="mini-btn" type="primary" size="mini"><uni-icon type="plus" size="20"></uni-icon></button>
						    </view>
						</view>