学堂 学堂 学堂公众号手机端

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

lewis 1年前 (2024-03-19) 阅读数 3 #技术

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

  1. 创建一个登录页面,包含用户名和密码的输入框以及登录按钮。
<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>

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


    版权声明

    本文仅代表作者观点,不代表博信信息网立场。

    热门