HTML5中有两种本地存储(web storage),一种是会话级别的sessionStorage,这种存储方式的值一般会在浏览器窗口失效;另一种是永久有效的localStorage,除非是自动删除,不然这种的存储方式的值会一直有效。上一篇文章介绍的koa-session,这个就是后台的会话级别,和前端的sessionStorage的逻辑意思是一样的。下面介绍的是前端登录时记住密码的localStorage存储。
页面如下
<p style="color: #fff; text-align: center;"> <span style="cursor:pointer;width: 379px;display: inline-block; text-align: left;" @click="rememberPwd"> <img src="../assets/imgNew/weixuanzhong.png" v-if="!checkedChoice"> <img src="../assets/imgNew/xuanzhong.png" v-else> 记住密码 </span> </p>
fromdata:{ username: '', password: '', captcha: '', uuid: '', }, checkedChoice: false,