1. 先用el-form表单组件实现布局
用户名和密码输入框,记住密码单选框,登录按钮
:rules="rules"绑定表单校验规则,
:model="user"进行表单校验时,需要绑定输入的信息数组
hide-required-asterisk=false 设置是否显示必填字段的标签旁边的红色星号
ref="ruleForm" 将按钮和表单关联起来,好进行点击事件的操作
2.v-model实现双向绑定
3.js-sha256插件实现密码加密
4. 实现登录
1) 判断valid的值,为true时表示校验通过,获取用户名和加密后的密码
2)判断记住密码的单选框是否勾选,勾选状态就将帐号和未加密的密码和勾选状态true保存到cookie中,checked表示勾选状态
3)请求登录的接口
4) 请求登录接口成功后,获取token,将token储存到cookie中,获取用户信息,将用户信息储存到vuex中
5)跳转到index主页面
5. 当vue实例创建完成后,在created钩子函数中去实现enter登录
6. 当页面刚挂载完成时,在mounted钩子函数中去判断帐号和密码和勾选状态是否存在cookie中,是的话获取用户和密码和勾选状态,显示在页面上,实现记住密码功能
派克CSS墨西哥工厂,css2.0和CSS3学哪个好,css属性内联元素,js怎么清除css属性,css下拉列表框箭头,adobe ps2017复制css,css 图片轮播样式