前端uniapp记住密码

在UniApp中实现记住密码的功能可以通过以下步骤来完成：

1. 在登录页面的表单中添加一个复选框，用于用户选择是否记住密码。例如，可以添加一个名为`rememberPassword`的字段。

<template>
  <view>
    <input type="text" v-model="username">
    <input type="password" v-model="password">
    <input type="checkbox" v-model="rememberPassword">记住密码
    <button @click="login">登录</button>
  </view>
</template>

<script>
export default {
  data() {
    return {
      username: '',
      password: '',
      rememberPassword: false
    }
  },
  methods: {
    login() {
      // 处理登录逻辑
    }
  }
}
</script>

2. 在登录方法中，判断`rememberPassword`字段的值，如果为`true`，则将用户名和密码保存到本地存储中。

methods: {
  login() {
    // 处理登录逻辑

    if (this.rememberPassword) {
      uni.setStorageSync('username', this.username);
      uni.setStorageSync('password', this.password);
    }
  }
}

3. 在应用启动时，检查本地存储中是否存在保存的用户名和密码，如果存在，则将其自动填充到登录页面的表单中。

onLaunch() {
  const username = uni.getStorageSync('username');
  const password = uni.getStorageSync('password');

  if (username && password) {
    this.username = username;
    this.password = password;
    this.rememberPassword = true;
  }
}

通过以上步骤，就可以在UniApp中实现记住密码的功能。注意，这种方式只是简单地将用户名和密码保存到本地存储中，可能存在安全风险，建议在实际项目中进行加密处理。