登录页面记住密码如何实现?

登录页面
1、多选框控件,设置v-model属性,v-model=“checked”

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

在这里插入图片描述
2、在data里声明checked控件,默认为不选中,

 export default {
    
    
    name: 'Login',
    data() {
    
    
    return{
    
    
   		 checked:false,//默认是否记住密码
		}
	}
}

![](https://img-blog.csdnimg.cn/ea2b4774a05647839b459bd0c9362fda.pn
3、
在这里插入图片描述
4、在这里,我用的是localStorage方式,存储密码,在控制台页面- - >Application - - >Local Storage - - >pwd里就可以看到密码(我没有加密,一般密码都要做加密处理比较好,这里自己学习,就不处理了。)
在这里插入图片描述
tips:加密处理,这里贴一段代码,自己测试下吧
在这里插入图片描述

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_43778617/article/details/127924266