vue前端实现记住账户

都挺好，刚刚好

已于 2022-02-10 10:14:24 修改

阅读量749

点赞数

分类专栏：工作文章标签：前端 vue.js javascript

于 2022-02-10 10:12:45 首次发布

本文链接：https://blog.csdn.net/seimeii/article/details/122853465

版权

工作专栏收录该内容

18 篇文章 0 订阅

订阅专栏

1、HTML

 <el-checkbox v-model="checked" style="color: #ffffff">记住账号</el-checkbox

2、定义

  data() {
    return {
      // 登录用户名
      userName: "",
      // 登录密码
      passWord: "",
      checked: false, //记住账号
      // 登录时的loading状态
      loginLoading: false,
    };
  },

3、一般是利用LocalStorage进行储存

const accessInfo = {
        remember: this.checked,
        userName: this.userName
      };
 if (this.checked)
        setLocalStorage("accessInfo", JSON.stringify(accessInfo));
      this.login(userName, password);

4、取

  mounted() {
    let accessInfo = getLocalStorage("accessInfo");
    console.log(accessInfo);
    if (accessInfo) {
      const data = JSON.parse(accessInfo);
      this.checked = data.remember;
      this.userName = data.userName;
    }
  },