uniapp 记住密码
时间: 2023-11-16 14:07:48 浏览: 224
uniapp中实现记住密码的功能,可以通过以下步骤实现:
1. 在登录页面添加一个复选框,用于用户选择是否记住密码。
```html
<template>
<div>
<input type="text" v-model="username" placeholder="请输入用户名">
<input type="password" v-model="password" placeholder="请输入密码">
<label><input type="checkbox" v-model="remember">记住密码</label>
<button @click="login">登录</button>
</div>
</template>
```
2. 在登录方法中,判断用户是否勾选了记住密码的复选框,如果勾选了,则将用户名和密码存入本地缓存中。
```javascript
methods: {
login() {
// 登录逻辑
if (this.remember) {
// 如果勾选了记住密码,则将用户名和密码存入本地缓存中
uni.setStorageSync('username', this.username)
uni.setStorageSync('password', this.password)
} else {
// 如果没有勾选记住密码,则清空本地缓存中的用户名和密码
uni.removeStorageSync('username')
uni.removeStorageSync('password')
}
}
}
```
3. 在页面加载时,判断本地缓存中是否有保存的用户名和密码,如果有,则将其赋值给输入框。
```javascript
onLoad() {
// 判断本地缓存中是否有保存的用户名和密码
const username = uni.getStorageSync('username')
const password = uni.getStorageSync('password')
if (username && password) {
// 如果有,则将其赋值给输入框
this.username = username
this.password = password
this.remember = true
}
}
```
阅读全文