data
param: {
username: "",
password: "",
},
rules: {
username: [{
required: true, message: "请输入用户名", trigger: "blur" }],
password: [
{
pattern: /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[$@#!%^*?&+-])[A-Za-z\d$@#!%^*?&+-]{8,}/,
message: "密码应当至少8位且含有数字、大小写字母及特殊字符",
trigger: "blur",
},
],
},
script
//点击登录的事件
submitForm() {
let obj = {
username: this.param.username,
password: this.param.password,
};
//存入用户名以及密码
sessionStorage.setItem("token", JSON.stringify(obj));
if (this.param.username == "") {
this.$message({
type: "none", // success error warning
message: "请输入内容",
});
} else {
this.$router.push("/accent");
}
},
在main.js中使用beforeEach来实现登录的权限
router.beforeEach((to, form, next) => {
//用Json.parse()的方法进行转化
let val = JSON.parse(sessionStorage.getItem('token'))
if (!val.username == "") {
next();
} else {
if (to.path == "/") {
next();
} else {
next("/")
}
}
})