uniapp 登入记住密码 怎么实现

在uniapp中实现登入记住密码的功能，可以通过以下步骤实现：

1. 在登入页面添加一个“记住密码”的选项，使用uniapp提供的checkbox组件实现。

2. 在用户勾选“记住密码”选项时，将用户名和密码保存到本地存储中，可以使用uniapp提供的uni.setStorageSync方法实现。

3. 在用户下次打开应用时，检查本地存储中是否有保存的用户名和密码，如果有，则自动填充到登入表单中。

4. 在用户点击登入按钮时，判断是否勾选了“记住密码”选项，如果勾选了，则将用户名和密码保存到本地存储中，否则清空本地存储中的用户名和密码。

下面是一个简单的示例代码：

<template>
  <view>
    <input v-model="username" placeholder="用户名"></input>
    <input v-model="password" placeholder="密码" type="password"></input>
    <checkbox v-model="remember">记住密码</checkbox>
    <button @click="login">登入</button>
  </view>
</template>

<script>
export default {
  data() {
    return {
      username: '',
      password: '',
      remember: false
    }
  },
  onLoad() {
    // 检查本地存储中是否有保存的用户名和密码
    const username = uni.getStorageSync('username')
    const password = uni.getStorageSync('password')
    if (username && password) {
      this.username = username
      this.password = password
      this.remember = true
    }
  },
  methods: {
    login() {
      // 登入操作
      // ...
      if (this.remember) {
        // 如果勾选了“记住密码”选项，则保存用户名和密码到本地存储中
        uni.setStorageSync('username', this.username)
        uni.setStorageSync('password', this.password)
      } else {
        // 否则清空本地存储中的用户名和密码
        uni.removeStorageSync('username')
        uni.removeStorageSync('password')
      }
    }
  }
}
</script>