在这里插入代码片
登录功能里见的比较多的就是记住密码和获取验证码这块 下面说说这块功能实现方法
1.记住密码:
这是按照设计做的 记住密码文字前面是两个图片 改变data 中的数据改变图片 但是这里有一个坑
写在这里 动态绑定图片时候data中数据应该这样写:
imgs:require("…/…/assets/images/mirror-service.png)" require加上地址 如果只写地址图片是无法显示的;
下面开始正题: 用户勾选记住密码登录
组件中methods 中的函数:
tijiao() {
let that = this;
//登录时候判断data 中数据 下面一个是账号 一个是密码 为空就弹框提示 return 下面代码不执行
if (that.zhanghao === '') {
return that.$toast('请先输入账号')
}
if (that.mima === '') {
return that.$toast('请输入密码')
}
//axios 请求
that.$http.get(' 请求地址', {
params: {
传的值}
}).then(res => {
if (res.data.success) {
//判断是否登录成功 登录成功提示 然后把返回的token 存在cookies中 后面请求使用
Toast.success('登录成功');
that