uniapp怎么登录存储用户信息

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

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

<template>   <view>     <input v-model="username" placeholder="请输入用户名"></input>     <input v-model="password" placeholder="请输入密码" type="password"></input>     <button @tap="login">登录</button>   </view> </template>  <script> export default {   data() {     return {       username: '',       password: '',     };   },   methods: {     login() {       // 进行登录验证       // ...        // 登录成功后存储用户信息       const userInfo = {         username: this.username,         password: this.password,         // 其他用户信息...       };       uni.setStorageSync('userInfo', userInfo);        // 跳转到其他页面       uni.navigateTo({         url: '/pages/home/home',       });     },   }, }; </script> 

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

<template>   <view>     <text>{{ userInfo.username }}</text>   </view> </template>  <script> export default {   data() {     return {       userInfo: {},     };   },   onLoad() {     // 获取存储的用户信息     const userInfo = uni.getStorageSync('userInfo');     this.userInfo = userInfo;   }, }; </script> 

以上示例代码仅作为演示，实际应用中需要根据具体情况进行适当的修改和完善。