由于浏览器出了问题,导致今天进度处于龟速。
收获的知识是弹窗的设置,和登录成功后,路由跳转后台首页的操作。
另外还有就是链表数据结构的实现,稍后将在JS类型笔记中记录。
首先,是消息弹窗的设定
由于是全局引用的,不用像按需加载那样,去Vue的prototype上挂载$message了,直接在methods中的函数里就可直接调用。
message提示消息的样式可在element-ui官网中找到,以下为成功和失败的示例。
this.$message( {
message: ' 成功啦!',
type: ' success '
} )
this.$message( {
message: ' 登录失败! ',
type: ' error '
} )
具体代码如下,对!今天还学习了怎么在简书中以代码块形式展现。而不是截图了.....
goLogin() {
this.$refs.loginRef.validate( res => {
if(res){
request({
url: '/admin/login',
method: 'POST',
data: {
user_name: this.formData.user_name,
password: this.formData.password
}
}).then(res => {
console.log(res)
if(res.status == 1) {
this.$message({
message: res.success,
type: 'success'
})
}else if(res.status == 0) {
this.$message({
message: res.message,
type: 'error'
})
}
})
}
})
}