在UniApp中，可以使用uni.setStorageSync(key,data)方法来存储用户信息，使用uni.getStorageSync(key)方法来获取存储的用户信息

来源：恒创科技编辑：恒创科技编辑部

2024-02-06 13:47:20

在UniApp中，可以使用uni.setStorageSync(key,data)方法来存储用户信息，使用uni.getStorageSync(key)方法来获取存储的用户信息。以下是一个简单的登录存储用户信息的示例代码：

创建一个登录页面，包含用户名和密码的输入框以及登录按钮。

<template>
<view>
<inputv-model="username"placeholder="请输入用户名"></input>
<inputv-model="password"placeholder="请输入密码"type="password"></input>
<button@tap="login">登录</button>
</view>
</template>

<script>
exportdefault{
data(){
return{
username:'',
password:'',
};
},
methods:{
login(){
//进行登录验证
//...

//登录成功后存储用户信息
constuserInfo={
username:this.username,
password:this.password,
//其他用户信息...
};
uni.setStorageSync('userInfo',userInfo);

//跳转到其他页面
uni.navigateTo({
url:'/pages/home/home',
});
},
},
};
</script>

在需要获取用户信息的页面，使用uni.getStorageSync(key)方法获取存储的用户信息。

<template>
<view>
<text>{{userInfo.username}}</text>
</view>
</template>

<script>
exportdefault{
data(){
return{
userInfo:{},
};
},
onLoad(){
//获取存储的用户信息
constuserInfo=uni.getStorageSync('userInfo');
this.userInfo=userInfo;
},
};
</script>