vue记住密码，自动填充密码

<el-form>
  <el-form-item label="用户名:">
    <el-input size="mini" v-model="userName"></el-input>
  </el-form-item>
  <el-form-item label="密码:">
    <el-input size="mini" v-model="password"></el-input>
  </el-form-item>
  <el-checkbox v-model="rememberMe">记住密码</el-checkbox>
  <el-button class="loginBut" @click="loginButton">登陆</el-button>
</el-form>
export default {
  name: "login",
  data() {
    return {
      userName: "",
      password: "",
      rememberMe: true
    };
  },
  created(){
    this.fillAccount();
  },
  methods:{
    fillAccount(){//填充
      const username = localStorage.getItem('username');
      const password = localStorage.getItem('password');
      if (username && password) {
        this.userName = username;
        this.password = password;
        this.rememberMe = true;
      }
    },
    loginButton() {
      const username = this.userName;
      const password = this.password;
      const rememberMe = this.rememberMe;//是否记住密码
      localStorage.setItem('username', username);//将用户名存入localStorage
      if (rememberMe) {
        localStorage.setItem('password', password);
      } else {
        localStorage.removeItem('password');
      }
    },
  },
};