更新时间:2024-10-24 07:11:38点击:
本篇文章给大家谈谈j*ascript自动填写表单,以及js自动生成表格对应的知识点,希望对各位有所帮助,不要忘了收***本站喔。 今天给各位分享j*ascript自动填写表单的知识,其中也会对js自动生成表格进行解释,如果能碰巧解决***现在面临的问题,别忘了关注本站,现在开始吧!
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中,是的话获取用户和密码和勾选状态,显示在页面上,实现记住密码功能
到此,以上就是小编对于j*ascript自动填写表单的问题就介绍到这了,希望介绍关于j*ascript自动填写表单的1点解答对大家有用。
[免责声明]本文来源于网络,不代表本站立场,如转载内容涉及版权等问题,请联系邮箱:83115484#qq.com,#换成@即可,我们会予以删除相关文章,保证您的权利。 转载请注明出处:http://www.zzbaijie.cn/junshixinwen/42183.html