在UniApp中,可以使用uni.setStorageSync(key, data)方法來存儲用戶信息,使用uni.getStorageSync(key)方法來獲取存儲的用戶信息。以下是一個簡單的登錄存儲用戶信息的示例代碼:
<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>
<template>
<view>
<text>{{ userInfo.username }}</text>
</view>
</template>
<script>
export default {
data() {
return {
userInfo: {},
};
},
onLoad() {
// 獲取存儲的用戶信息
const userInfo = uni.getStorageSync('userInfo');
this.userInfo = userInfo;
},
};
</script>
以上示例代碼僅作為演示,實際應用中需要根據具體情況進行適當的修改和完善。