前端实现记住密码

html 代码：

<el-checkbox v-model="checked">记住密码</el-checkbox>

data里的数据：

  data: function() {
    return {
      checked: false
    };
  },

登陆之后：

// 如果用户勾选了记住密码，则保存到本地存储中
if (this.checked) {
   localStorage.setItem("username", this.param.username);
   localStorage.setItem("password", this.param.password);
} else {
   localStorage.removeItem("username");
   localStorage.removeItem("password");
}

初次加载mounted里：

  mounted() {
    // 检查本地存储中是否有保存的用户名和密码
    if (localStorage.getItem("username") && localStorage.getItem("password")) {
      this.param.username = localStorage.getItem("username");
      this.param.password = localStorage.getItem("password");
      this.checked = true;
    }
  }

在上面的代码中，我们使用了localStorage来保存用户名和密码。当用户勾选记住密码时，将用户名和密码保存到localStorage中；当用户下次打开登录页面时，从localStorage中读取用户名和密码，并自动填充到登录表单中。当用户取消勾选记住密码时，从localStorage中删除保存的用户名和密码。