用localStorage实现登录时记住密码的功能

最新推荐文章于 2022-09-19 10:22:03 发布

lelena_123

最新推荐文章于 2022-09-19 10:22:03 发布

阅读量782

点赞数

文章标签： localstorage h5本地存储 android 记住密码自动登录功能源码

本文链接：https://blog.csdn.net/lelena_123/article/details/107178259

版权

这篇博客介绍了如何利用HTML5的localStorage特性来实现在网页登录中记住用户密码的功能，包括HTML表单设计和JavaScript代码实现自动填充。适用于Android平台的自动登录场景。

摘要由CSDN通过智能技术生成

HTNL代码片段

 <el-input  v-model="ruleForm.user" placeholder="请输入账号" @input='inputPassword' autocomplete="off"></el-input>
 
 <el-input type="password" v-model="ruleForm.password" @input='clearFunc' show-password  placeholder="请输入密码" prefix-icon="el-icon-lock" autocomplete="off"></el-input>
 
<el-checkbox v-model="checked">记住登陆状态</el-checkbox>
<el-button type="primary" @click="submitForm" :loading="isLoading">登录</el-button>

js代码

export default {
  name: "login",
  data() {
    return {
        ruleForm: {
          user: '',
          password: '',
        },
        isLoading:false,
        loginSwicth:true,
        checked:false,
        allUser:[]
    };