金农码 潜水
  • 1发帖数
  • 1主题数
  • 0关注数
  • 0粉丝
开启左侧

干货之Vue登录页面源码,带你进入Vue源代码的天下

[复制链接]
金农码 发表于 2021-8-11 20:18:04 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题





Vue 聪明平台




帐号




密码



登录






export default {
data: function() {
return {
moduleName: "userInfo",
loginloading: false,
logindesc: "",
logintitle: "",
ruleForm: {
username: "",
password: ""
},
rules: {
username: [{ required: true, message: "请输入账号" }],
password: [{ required: true, message: "请输入密码" }]
}
};
},
created: function() {
var _self = this;
document.onkeydown = function(e) {
if (window.event.keyCode === 13) {
_self.submitForm();
}
}
},
methods: {
submitForm() {
const self = this;
self.$refs.ruleForm.validate(valid => {
if (valid) {
self.loginloading = true;
var u = self.ruleForm;
var url = this.moduleName +"/login?username=" +u.username +"&password=" + self.$cryptosha1(u.password).toString();
self.$ajax.get(url).then(
data => {
self.$router.push("/index");
self.loginloading = false;
},
error => {
self.loginloading = false;
}
);
}
});
},
resetForm() {
this.$refs.ruleForm.resetFields();
}
}
};



您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

猜你喜欢
在线客服QQ
2241998733

24x7小时免费咨询

Powered by 创意电子 ©2018-现在 专注资源实战分享源码下载站联盟商城繁体中文