1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > form表单怎么进行登录 – CSS – 前端 css 图片轮播样式

form表单怎么进行登录 – CSS – 前端 css 图片轮播样式

时间:2021-06-15 12:09:50

相关推荐

form表单怎么进行登录 – CSS – 前端 css 图片轮播样式

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中,是的话获取用户和密码和勾选状态,显示在页面上,实现记住密码功能

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。